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

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

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

Слично на Tailwind, насочете ги прво мобилните уреди, а потоа додадете стилови за поголеми екрани. Ова ќе ви помогне да копирате и конвертирате стилови многу побрзо и полесно.

DivMagic конвертира елемент како што го гледате во прелистувачот. Ако имате голем екран, копираните стилови ќе бидат наменети за голем екран и ќе ги вклучат маргините, полнењето и другите стилови за таа големина на екранот.

Наместо да ги копирате стиловите за голем екран, променете ја големината на вашиот прелистувач на помала големина и копирајте ги стиловите за таа големина на екранот. Потоа, додајте ги стиловите за поголеми екрани.

2. Обрнете внимание на позадината

Кога копирате елемент, DivMagic ќе ја копира бојата на позадината. Сепак, можно е бојата на позадината на елементот да доаѓа од родителски елемент.

Ако копирате елемент и бојата на заднината не е копирана, проверете го родителскиот елемент за бојата на позадината.

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

DivMagic копира елемент како што го гледате во вашиот прелистувач. grid елементите имаат многу стилови кои зависат од големината на приказот.

Ако копирате елемент grid и копираниот код не се прикажува правилно, обидете се да го промените стилот grid во flex

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