Migliori pratiche | DivMagic

Suggerimenti e trucchi per ottenere il massimo da DivMagic

1. Lavora innanzitutto sul mobile

Simile a Tailwind, scegli prima come target i dispositivi mobili e poi aggiungi gli stili per schermi più grandi. Questo ti aiuterà a copiare e convertire gli stili molto più velocemente e più facilmente.

DivMagic converte un elemento così come lo vedi nel browser. Se hai uno schermo grande, gli stili copiati saranno per uno schermo grande e includeranno il margine, la spaziatura interna e altri stili per quella dimensione dello schermo.

Invece di copiare gli stili per uno schermo grande, ridimensiona il browser a una dimensione più piccola e copia gli stili per quella dimensione dello schermo. Quindi, aggiungi gli stili per schermi più grandi.

2. Presta attenzione allo sfondo

Quando copi un elemento, DivMagic copierà il colore di sfondo. Tuttavia, è possibile che il colore di sfondo di un elemento provenga da un elemento genitore.

Se copi un elemento e il colore di sfondo non viene copiato, controlla l'elemento genitore per il colore di sfondo.

3. Presta attenzione agli elementi grid

DivMagic copia un elemento così come lo vedi nel tuo browser. Gli elementi grid hanno molti stili che dipendono dalla dimensione della vista.

Se copi un elemento grid e il codice copiato non viene visualizzato correttamente, prova a cambiare lo stile grid in flex

Nella maggior parte dei casi, cambiare lo stile grid in flex e aggiungere alcuni stili (es: flex-row, flex-col) otterrai lo stesso risultato.