Cele mai bune practici | DivMagic

Sfaturi și trucuri pentru a profita la maximum de DivMagic

1. Lucrați mai întâi pe mobil

Similar cu Tailwind, vizați mai întâi dispozitivele mobile și apoi adăugați stiluri pentru ecrane mai mari. Acest lucru vă va ajuta să copiați și să convertiți stilurile mult mai rapid și mai ușor.

DivMagic convertește un element așa cum îl vedeți în browser. Dacă aveți un ecran mare, stilurile copiate vor fi pentru un ecran mare și vor include marginea, umplutura și alte stiluri pentru acea dimensiune a ecranului.

În loc să copiați stilurile pentru un ecran mare, redimensionați browserul la o dimensiune mai mică și copiați stilurile pentru acea dimensiune a ecranului. Apoi, adăugați stilurile pentru ecrane mai mari.

2. Fii atent la fundal

Când copiați un element, DivMagic va copia culoarea de fundal. Cu toate acestea, este posibil ca culoarea de fundal a unui element să provină de la un element părinte.

Dacă copiați un element și culoarea de fundal nu este copiată, verificați elementul părinte pentru culoarea de fundal.

3. Acordați atenție elementelor grid

DivMagic copiază un element așa cum îl vedeți în browser. Elementele grid au o mulțime de stiluri care depind de dimensiunea vizualizării.

Dacă copiați un element grid și codul copiat nu se afișează corect, încercați să schimbați stilul grid în flex

În cele mai multe cazuri, schimbarea stilului grid în flex și adăugarea câtorva stiluri (ex: flex-row, flex-col) vă va oferi același rezultat.