Beste praktyke | DivMagic

Wenke en truuks om die meeste uit DivMagic te kry

1. Werk eers selfoon

Soortgelyk aan Tailwind, teiken eers mobiele toestelle en voeg dan style by vir groter skerms. Dit sal jou help om style baie vinniger en makliker te kopieer en om te skakel.

DivMagic skakel 'n element om soos jy dit in die blaaier sien. As jy 'n groot skerm het, sal die gekopieerde style vir 'n groot skerm wees en die kantlyn, opvulling en ander style vir daardie skermgrootte insluit.

In plaas daarvan om die style vir 'n groot skerm te kopieer, verander die grootte van jou blaaier na 'n kleiner grootte en kopieer die style vir daardie skermgrootte. Voeg dan die style by vir groter skerms.

2. Gee aandag aan die agtergrond

Wanneer jy 'n element kopieer, sal DivMagic die agtergrondkleur kopieer. Dit is egter moontlik dat die agtergrondkleur van 'n element van 'n ouerelement kom.

As jy 'n element kopieer en die agtergrondkleur is nie gekopieer nie, gaan die ouerelement na vir die agtergrondkleur.

3. Gee aandag aan grid-elemente

DivMagic kopieer 'n element soos jy dit in jou blaaier sien. grid-elemente het baie style wat aansiggrootte afhanklik is.

As jy 'n grid-element kopieer en die gekopieerde kode vertoon nie reg nie, probeer om grid-styl na flex te verander

In die meeste gevalle sal die verandering van die grid-styl na flex en die byvoeging van 'n paar style (byvoorbeeld: flex-row, flex-col) jou dieselfde resultaat gee.