Best Practices | DivMagic

Tipps und Tricks, um DivMagic optimal zu nutzen

1. Arbeiten Sie zuerst mobil

Ähnlich wie Tailwind, Zielen Sie zuerst auf mobile Geräte und fügen Sie dann Stile für größere Bildschirme hinzu. Dadurch können Sie Stile viel schneller und einfacher kopieren und konvertieren.

DivMagic konvertiert ein Element so, wie Sie es im Browser sehen. Wenn Sie über einen großen Bildschirm verfügen, gelten die kopierten Stile für einen großen Bildschirm und umfassen den Rand, den Abstand und andere Stile für diese Bildschirmgröße.

Anstatt die Stile für einen großen Bildschirm zu kopieren, ändern Sie die Größe Ihres Browsers auf eine kleinere Größe und kopieren Sie die Stile für diese Bildschirmgröße. Fügen Sie dann die Stile für größere Bildschirme hinzu.

2. Achten Sie auf den Hintergrund

Wenn Sie ein Element kopieren, kopiert DivMagic die Hintergrundfarbe. Es ist jedoch möglich, dass die Hintergrundfarbe eines Elements von einem übergeordneten Element stammt.

Wenn Sie ein Element kopieren und die Hintergrundfarbe nicht kopiert wird, überprüfen Sie das übergeordnete Element auf die Hintergrundfarbe.

3. Achten Sie auf grid-Elemente

DivMagic kopiert ein Element so, wie Sie es in Ihrem Browser sehen. grid-Elemente verfügen über viele Stile, die von der Ansichtsgröße abhängen.

Wenn Sie ein grid-Element kopieren und der kopierte Code nicht richtig angezeigt wird, versuchen Sie, den grid-Stil in flex zu ändern

In den meisten Fällen erhalten Sie das gleiche Ergebnis, wenn Sie den grid-Stil in flex ändern und einige Stile hinzufügen (z. B. flex-row, flex-col).