Beste praksis | DivMagic

Tips og triks for å få mest mulig ut av DivMagic

1. Jobb først med mobilen

Ligner på Tailwind, målrette mot mobile enheter først og deretter legge til stiler for større skjermer. Dette vil hjelpe deg å kopiere og konvertere stiler mye raskere og enklere.

DivMagic konverterer et element slik du ser det i nettleseren. Hvis du har en stor skjerm, vil de kopierte stilene være for en stor skjerm og inkludere margen, utfylling og andre stiler for den skjermstørrelsen.

I stedet for å kopiere stilene for en stor skjerm, endre størrelsen på nettleseren til en mindre størrelse og kopier stilene for den skjermstørrelsen. Deretter legger du til stilene for større skjermer.

2. Vær oppmerksom på bakgrunnen

Når du kopierer et element, vil DivMagic kopiere bakgrunnsfargen. Det er imidlertid mulig at bakgrunnsfargen til et element kommer fra et overordnet element.

Hvis du kopierer et element og bakgrunnsfargen ikke er kopiert, sjekk det overordnede elementet for bakgrunnsfargen.

3. Vær oppmerksom på grid-elementer

DivMagic kopierer et element slik du ser det i nettleseren din. grid-elementer har mange stiler som er avhengig av visningsstørrelse.

Hvis du kopierer et grid-element og den kopierte koden ikke vises riktig, prøv å endre grid-stilen til flex

I de fleste tilfeller vil endring av grid-stilen til flex og legge til noen få stiler (f.eks. flex-row, flex-col) gi deg det samme resultatet.