Bedste praksis | DivMagic

Tips og tricks til at få mest muligt ud af DivMagic

1. Arbejd mobilt først

Svarende til Tailwind, målrette mod mobile enheder først og derefter tilføje stile til større skærme. Dette vil hjælpe dig med at kopiere og konvertere stilarter meget hurtigere og nemmere.

DivMagic konverterer et element, som du ser det i browseren. Hvis du har en stor skærm, vil de kopierede stilarter være til en stor skærm og inkludere margen, polstring og andre stilarter for den skærmstørrelse.

I stedet for at kopiere stilene til en stor skærm, skal du ændre størrelsen på din browser til en mindre størrelse og kopiere stilene til den skærmstørrelse. Tilføj derefter stilene til større skærme.

2. Vær opmærksom på baggrunden

Når du kopierer et element, kopierer DivMagic baggrundsfarven. Det er dog muligt, at et elements baggrundsfarve kommer fra et overordnet element.

Hvis du kopierer et element, og baggrundsfarven ikke er kopieret, skal du kontrollere det overordnede element for baggrundsfarven.

3. Vær opmærksom på grid-elementer

DivMagic kopierer et element, som du ser det i din browser. grid-elementer har mange stilarter, der er afhængige af visningsstørrelse.

Hvis du kopierer et grid-element, og den kopierede kode ikke vises korrekt, kan du prøve at ændre grid-stilen til flex

I de fleste tilfælde vil ændring af grid-stilen til flex og tilføje et par stilarter (f.eks.: flex-row, flex-col) give dig det samme resultat.