React Nyuitɔwo | DivMagic ƒe nyawo

Aɖaŋuɖoɖowo kple ayemɔwo be nàkpɔ viɖe geɖe tso DivMagic me

1. Wɔ dɔ le asitelefon dzi gbã

Esɔ kple Tailwind tɔ, taɖodzinu asitelefonwo gbã eye emegbe nàtsɔ atsyãwo akpe ɖe eŋu na screen gãwo. Esia akpe ɖe ŋuwò nàwɔ atsyãwo ƒe kɔpi ahatrɔ wo kabakaba eye wòanɔ bɔbɔe wu.

DivMagic trɔa element aɖe abe alesi nèkpɔe le browser la me ene. Ne screen gã aɖe le asiwò la, atsyã siwo nèwɔ kɔpi la anye screen gã aɖe tɔ eye woatsɔ axadzi, padding, kple atsyã bubuwo na screen ƒe lolome ma hã anɔ eme.

Le esi teƒe be nàwɔ atsyãawo ƒe kɔpi na screen gã aɖe la, trɔ wò web-browser ƒe lolome wòalolo wu eye nàwɔ atsyã siwo le screen ƒe lolome ma ƒe kɔpi. Emegbe, tsɔ atsyã siwo woatsɔ awɔ screen gãwo akpe ɖe eŋu.

2. Lé ŋku ɖe nusiwo dzɔ va yi ŋu

Ne èwɔ kɔpi na element aɖe la, DivMagic awɔ kɔpi na megbe amadede. Gake ate ŋu adzɔ be element aɖe ƒe megbe amadede natso dzila element aɖe gbɔ.

Ne èwɔ kɔpi na element aɖe eye womewɔ kɔpi na megbe amadedea o la, ke lé ŋku ɖe dzila ƒe akpaa ŋu hena megbenya ƒe amadede.

3. Lé ŋku ɖe grid ƒe akpawo ŋu

DivMagic kɔpi element aɖe abe alesi nèkpɔe le wò web-browser me ene. grid elements ƒe atsyã geɖe le wo si siwo nɔa te ɖe nukpɔkpɔ ƒe lolome dzi.

Ne èwɔ grid ƒe akpa aɖe ƒe kɔpi eye kɔpi si nèŋlɔ la medze nyuie o la, dze agbagba nàtrɔ grid ƒe atsyã wòazu flex

Zi geɖe la, ne ètrɔ grid ƒe atsyã wòzu flex eye nètsɔ atsyã ʋee aɖewo kpee (ex: flex-row, flex-col) ana nàkpɔ emetsonu ma ke.