Nneyɛe Pa | DivMagic a wɔde di dwuma

Afotuo ne akwan a wobɛfa so anya mfasoɔ kɛseɛ afiri DivMagic mu

1. Yɛ adwuma mobile-first

Ɛte sɛ Tailwind, di kan de w’ani si mobile mfiri so na afei fa styles ka ho ma screen akɛse. Wei bɛboa wo ma woayɛ copy na woadan styles ntɛmntɛm na ayɛ mmerɛw kɛse.

DivMagic dannan element bi sɛnea wuhu wɔ brawsa no mu no. Sɛ wowɔ screen kɛseɛ a, styles a woayɛ no bɛyɛ ma screen kɛseɛ na ɛka margin, padding, ne styles foforɔ a ɛwɔ saa screen kɛseɛ no ho.

Sɛ anka wobɛtwerɛ styles no ama screen kɛseɛ no, sesa wo browser no kɛseɛ ma ɛnyɛ kɛseɛ na kɔpi styles no ma saa screen kɛseɛ no. Afei, fa styles a wode bɛyɛ screen akɛse no ka ho.

2. Fa w’adwene si akyi

Sɛ wo kɔpi element bi a, DivMagic bɛ kɔpi akyi kɔla no. Nanso, ebetumi aba sɛ element bi akyi kɔla no fi ɔwofo element bi mu.

Sɛ wo kɔpi element bi na akyi kɔla no nnyɛ kɔpi a, hwɛ ɔwofoɔ element no ma akyi kɔla no.

3. Hwɛ grid nneɛma so

DivMagic kɔpi element bi sɛnea wuhu wɔ wo brawsa mu no. grid elements wɔ styles pii a egyina view size so.

Sɛ wo copy grid element na code a woayɛ no nkyerɛ yie a, bɔ mmɔden sɛ wobɛsesa grid style akɔ flex

Mpɛn pii no, sɛ wosakra grid kwan no kɔ flex na wode akwan kakraa bi ka ho (ex: flex-row, flex-col) a, ɛbɛma woanya aba koro no ara.