Най-добри практики | DivMagic

Съвети и трикове, за да извлечете максимума от DivMagic

1. Работете първо мобилно

Подобно на Tailwind, насочете първо към мобилни устройства и след това добавете стилове за по-големи екрани. Това ще ви помогне да копирате и конвертирате стилове много по-бързо и лесно.

DivMagic конвертира елемент така, както го виждате в браузъра. Ако имате голям екран, копираните стилове ще бъдат за голям екран и ще включват полето, подложката и други стилове за този размер на екрана.

Вместо да копирате стиловете за голям екран, преоразмерете браузъра си до по-малък размер и копирайте стиловете за този размер на екрана. След това добавете стиловете за по-големи екрани.

2. Обърнете внимание на фона

Когато копирате елемент, DivMagic ще копира цвета на фона. Въпреки това е възможно цветът на фона на даден елемент да идва от родителски елемент.

Ако копирате елемент и цветът на фона не се копира, проверете родителския елемент за цвета на фона.

3. Обърнете внимание на елементите grid

DivMagic копира елемент така, както го виждате в браузъра си. Елементите grid имат много стилове, които зависят от размера на изгледа.

Ако копирате елемент grid и копираният код не се показва правилно, опитайте да промените стила grid на flex

В повечето случаи промяната на стила grid на flex и добавянето на няколко стила (напр.: flex-row, flex-col) ще ви даде същия резултат.