Best Practices | DivMagic

Tips en trúks om it measte út DivMagic te heljen

1. Wurk mobyl-earst

Fergelykber mei Tailwind, doel earst mobile apparaten en foegje dan stilen ta foar gruttere skermen. Dit sil jo helpe om stilen folle flugger en makliker te kopiearjen en te konvertearjen.

DivMagic konvertearret in elemint sa't jo it sjogge yn 'e browser. As jo ​​in grut skerm hawwe, sille de kopieare stilen foar in grut skerm wêze en de marzje, padding en oare stilen omfetsje foar dy skermgrutte.

Ynstee fan it kopiearjen fan de stilen foar in grut skerm, feroarje de grutte fan jo blêder nei in lytsere grutte en kopiearje de stilen foar dy skermgrutte. Foegje dan de stilen ta foar gruttere skermen.

2. Jou omtinken oan de eftergrûn

As jo ​​in elemint kopiearje, sil DivMagic de eftergrûnkleur kopiearje. It is lykwols mooglik dat de eftergrûnkleur fan in elemint komt fan in âlderelemint.

As jo ​​in elemint kopiearje en de eftergrûnkleur wurdt net kopiearre, kontrolearje dan it âlderelemint foar de eftergrûnkleur.

3. Jou omtinken oan grid eleminten

DivMagic kopiearret in elemint sa't jo it sjogge yn jo blêder. grid-eleminten hawwe in protte stilen dy't ôfhinklik binne fan werjeftegrutte.

As jo ​​in grid-elemint kopiearje en de kopieare koade wurdt net goed werjûn, besykje dan grid-styl te feroarjen yn flex

Yn 'e measte gefallen sil it feroarjen fan de grid-styl nei flex en it tafoegjen fan in pear stilen (bygelyks: flex-row, flex-col) jo itselde resultaat jaan.