Pinakamahuhusay na Kasanayan | DivMagic

Mga tip at trick para masulit ang DivMagic

1. Magtrabaho sa mobile-first

Katulad ng Tailwind, i-target muna ang mga mobile device at pagkatapos ay magdagdag ng mga istilo para sa mas malalaking screen. Makakatulong ito sa iyong kopyahin at i-convert ang mga istilo nang mas mabilis at mas madali.

Kino-convert ng DivMagic ang isang elemento habang nakikita mo ito sa browser. Kung mayroon kang malaking screen, ang mga kinopyang istilo ay para sa isang malaking screen at kasama ang margin, padding, at iba pang mga istilo para sa laki ng screen na iyon.

Sa halip na kopyahin ang mga estilo para sa isang malaking screen, baguhin ang laki ng iyong browser sa isang mas maliit na laki at kopyahin ang mga estilo para sa laki ng screen na iyon. Pagkatapos, idagdag ang mga istilo para sa mas malalaking screen.

2. Bigyang-pansin ang background

Kapag kumopya ka ng isang elemento, kokopyahin ng DivMagic ang kulay ng background. Gayunpaman, posible na ang kulay ng background ng isang elemento ay nagmumula sa isang pangunahing elemento.

Kung kumopya ka ng isang elemento at ang kulay ng background ay hindi nakopya, tingnan ang pangunahing elemento para sa kulay ng background.

3. Bigyang-pansin ang mga elemento ng grid

Kinokopya ng DivMagic ang isang elemento habang nakikita mo ito sa iyong browser. Ang mga elemento ng grid ay may maraming mga istilo na nakadepende sa laki ng view.

Kung kumopya ka ng elementong grid at hindi ipinapakita ng tama ang kinopyang code, subukang baguhin ang istilo ng grid sa flex

Sa karamihan ng mga kaso, ang pagpapalit ng istilong grid sa flex at pagdaragdag ng ilang istilo (hal: flex-row, flex-col) ay magbibigay sa iyo ng parehong resulta.