Лепшыя практыкі | DivMagic

Парады і рэкамендацыі, каб атрымаць максімальную карысць ад DivMagic

1. Працуйце ў першую чаргу мабільна

Падобна Tailwind, спачатку арыентуйцеся на мабільныя прылады, а потым дадавайце стылі для вялікіх экранаў. Гэта дапаможа вам значна хутчэй і прасцей капіраваць і канвертаваць стылі.

DivMagic пераўтворыць элемент такім, якім вы яго бачыце ў браўзеры. Калі ў вас вялікі экран, скапіраваныя стылі будуць прызначаны для вялікага экрана і будуць уключаць палі, запаўненне і іншыя стылі для гэтага памеру экрана.

Замест таго, каб капіраваць стылі для вялікага экрана, змяніце памер браўзера да меншага памеру і скапіруйце стылі для гэтага памеру экрана. Затым дадайце стылі для вялікіх экранаў.

2. Звярніце ўвагу на фон

Калі вы капіруеце элемент, DivMagic капіруе колер фону. Аднак колер фону элемента можа паходзіць ад бацькоўскага элемента.

Калі вы капіруеце элемент, а колер фону не капіруецца, праверце колер фону бацькоўскага элемента.

3. Звярніце ўвагу на элементы grid

DivMagic капіюе элемент такім, якім вы яго бачыце ў сваім браўзеры. Элементы grid маюць шмат стыляў, якія залежаць ад памеру выгляду.

Калі вы скапіруеце элемент grid і скапіраваны код не адлюстроўваецца правільна, паспрабуйце змяніць стыль grid на flex

У большасці выпадкаў змяненне стылю grid на flex і даданне некалькіх стыляў (напрыклад: flex-row, flex-col) дадуць той жа вынік.