Bones pràctiques | DivMagic

Consells i trucs per treure el màxim profit de DivMagic

1. Treballa el mòbil primer

Similar a Tailwind, orientar primer els dispositius mòbils i després afegir estils per a pantalles més grans. Això us ajudarà a copiar i convertir estils de manera molt més ràpida i senzilla.

DivMagic converteix un element tal com el veieu al navegador. Si teniu una pantalla gran, els estils copiats seran per a una pantalla gran i inclouran el marge, el farciment i altres estils per a aquesta mida de pantalla.

En lloc de copiar els estils per a una pantalla gran, canvieu la mida del vostre navegador a una mida més petita i copieu els estils per a aquesta mida de pantalla. A continuació, afegiu els estils per a pantalles més grans.

2. Fixeu-vos en el fons

Quan copieu un element, DivMagic copiarà el color de fons. Tanmateix, és possible que el color de fons d'un element provingui d'un element pare.

Si copieu un element i el color de fons no es copia, comproveu el color de fons de l'element pare.

3. Presta atenció als elements grid

DivMagic copia un element tal com el veieu al vostre navegador. Els elements grid tenen molts estils que depenen de la mida de la vista.

Si copieu un element grid i el codi copiat no es mostra correctament, proveu de canviar l'estil grid a flex

En la majoria dels casos, canviar l'estil grid a flex i afegir uns quants estils (per exemple: flex-row, flex-col) us donarà el mateix resultat.