Meilleures pratiques | DivMagique

Trucs et astuces pour tirer le meilleur parti de DivMagic

1. Travaillez d'abord sur mobile

Semblable à Tailwind, ciblez d’abord les appareils mobiles, puis ajoutez des styles pour les écrans plus grands. Cela vous aidera à copier et convertir des styles beaucoup plus rapidement et plus facilement.

DivMagic convertit un élément tel que vous le voyez dans le navigateur. Si vous disposez d'un grand écran, les styles copiés seront destinés à un grand écran et incluront la marge, le remplissage et d'autres styles pour cette taille d'écran.

Au lieu de copier les styles pour un grand écran, redimensionnez votre navigateur à une taille plus petite et copiez les styles pour cette taille d'écran. Ensuite, ajoutez les styles pour les écrans plus grands.

2. Faites attention à l'arrière-plan

Lorsque vous copiez un élément, DivMagic copiera la couleur d'arrière-plan. Cependant, il est possible que la couleur de fond d'un élément provienne d'un élément parent.

Si vous copiez un élément et que la couleur d'arrière-plan n'est pas copiée, vérifiez l'élément parent pour la couleur d'arrière-plan.

3. Faites attention aux éléments grid

DivMagic copie un élément tel que vous le voyez dans votre navigateur. Les éléments grid ont de nombreux styles qui dépendent de la taille de la vue.

Si vous copiez un élément grid et que le code copié ne s'affiche pas correctement, essayez de changer le style grid en flex.

Dans la plupart des cas, changer le style grid en flex et ajouter quelques styles (ex : flex-row, flex-col) vous donnera le même résultat.