Najboljše prakse | DivMagic

Nasveti in zvijače, da kar najbolje izkoristite DivMagic

1. Delajte najprej mobilno

Podobno kot Tailwind, najprej ciljajte na mobilne naprave in nato dodajte sloge za večje zaslone. To vam bo pomagalo kopirati in pretvoriti sloge veliko hitreje in lažje.

DivMagic pretvori element, kot ga vidite v brskalniku. Če imate velik zaslon, bodo kopirani slogi za velik zaslon in bodo vključevali robove, oblazinjenje in druge sloge za to velikost zaslona.

Namesto da kopirate sloge za velik zaslon, spremenite velikost brskalnika na manjšo velikost in kopirajte sloge za to velikost zaslona. Nato dodajte sloge za večje zaslone.

2. Bodite pozorni na ozadje

Ko kopirate element, DivMagic kopira barvo ozadja. Vendar je možno, da barva ozadja elementa izvira iz nadrejenega elementa.

Če kopirate element in barva ozadja ni kopirana, preverite nadrejeni element za barvo ozadja.

3. Bodite pozorni na elemente grid

DivMagic kopira element, kot ga vidite v brskalniku. Elementi grid imajo veliko slogov, ki so odvisni od velikosti pogleda.

Če kopirate element grid in se kopirana koda ne prikaže pravilno, poskusite spremeniti slog grid v flex

V večini primerov boste s spremembo sloga grid v flex in dodajanjem nekaj slogov (npr. flex-row, flex-col) dobili enak rezultat.