Enkola Ennungi | DivMagic

Amagezi n'obukodyo okusobola okufunamu ennyo mu DivMagic

1. Kola ku ssimu-okusooka

Okufaananako ne Tailwind, okusooka okutunuulira ebyuma ebikozesebwa ku ssimu n’oluvannyuma n’ossaako sitayiro za screen ennene. Kino kijja kukuyamba okukoppa n’okukyusa sitayiro mu bwangu nnyo era mu ngeri ennyangu.

DivMagic ekyusa elementi nga bw'ogiraba mu browser. Bw’oba ​​olina screen ennene, sitayiro ezikoppoloddwa zijja kuba za screen ennene era nga zirimu margin, padding, n’emisono emirala ku sayizi ya screen eyo.

Mu kifo ky’okukoppa sitayiro za screen ennene, kyusa obunene bwa browser yo okutuuka ku sayizi entono era okoppa sitayiro za sayizi ya screen eyo. Oluvannyuma, yongera ku sitayiro za screen ennene.

2. Faayo ku nsonga eziri emabega

Bw'okoppa elementi, DivMagic ejja kukoppa langi y'emabega. Naye, kisoboka langi y’emabega wa elementi okuba ng’eva mu elementi omuzadde.

Bw’oba ​​okoppa ekintu era langi y’emabega tekoppa, kebera ekintu ekizadde ku langi y’emabega.

3. Faayo ku bintu bya grid

DivMagic ekoppa elementi nga bw'ogiraba mu browser yo. Ebintu bya grid birina sitayiro nnyingi ezisinziira ku sayizi y’okulaba.

Bw’oba ​​okoppa elementi ya grid era nga koodi ekoppiddwa telaga bulungi, gezaako okukyusa sitayiro ya grid okudda ku flex

Ebiseera ebisinga, okukyusa sitayiro ya grid okudda ku flex n’ogattako sitayiro ntono (ex: flex-row, flex-col) kijja kukuwa ekivaamu kye kimu.