Beste praktijken | DivMagic

Tips en trucs om het maximale uit DivMagic te halen

1. Werk eerst mobiel

gelijk aan Tailwind, richt u eerst op mobiele apparaten en voeg vervolgens stijlen toe voor grotere schermen. Hierdoor kunt u stijlen veel sneller en gemakkelijker kopiëren en converteren.

DivMagic converteert een element zoals u het in de browser ziet. Als u een groot scherm heeft, zijn de gekopieerde stijlen voor een groot scherm en bevatten ze de marge, opvulling en andere stijlen voor dat schermformaat.

In plaats van de stijlen voor een groot scherm te kopiëren, kunt u het formaat van uw browser naar een kleiner formaat wijzigen en de stijlen voor dat schermformaat kopiëren. Voeg vervolgens de stijlen toe voor grotere schermen.

2. Let op de achtergrond

Wanneer u een element kopieert, kopieert DivMagic de achtergrondkleur. Het is echter mogelijk dat de achtergrondkleur van een element afkomstig is van een ouderelement.

Als u een element kopieert en de achtergrondkleur wordt niet gekopieerd, controleer dan het bovenliggende element op de achtergrondkleur.

3. Besteed aandacht aan grid-elementen

DivMagic kopieert een element zoals u het in uw browser ziet. grid-elementen hebben veel stijlen die afhankelijk zijn van de weergavegrootte.

Als u een grid-element kopieert en de gekopieerde code wordt niet goed weergegeven, probeer dan de grid-stijl te wijzigen in flex

In de meeste gevallen zal het veranderen van de grid-stijl naar flex en het toevoegen van een paar stijlen (bijvoorbeeld: flex-row, flex-col) hetzelfde resultaat opleveren.