Найкращі практики | DivMagic

Поради та підказки, щоб отримати максимальну віддачу від DivMagic

1. Працюйте насамперед мобільно

Подібно до Tailwind, спочатку націлюйте на мобільні пристрої, а потім додайте стилі для великих екранів. Це допоможе вам копіювати та перетворювати стилі набагато швидше та легше.

DivMagic перетворює елемент таким, яким ви його бачите у браузері. Якщо у вас великий екран, скопійовані стилі будуть для великого екрана та включатимуть поля, відступи та інші стилі для цього розміру екрана.

Замість того, щоб копіювати стилі для великого екрана, зменшіть розмір браузера та скопіюйте стилі для цього розміру екрана. Потім додайте стилі для великих екранів.

2. Зверніть увагу на фон

Коли ви копіюєте елемент, DivMagic копіює колір фону. Однак колір фону елемента може походити від батьківського елемента.

Якщо ви копіюєте елемент, а фоновий колір не копіюється, перевірте батьківський елемент на фоновий колір.

3. Зверніть увагу на елементи grid

DivMagic копіює елемент таким, яким ви його бачите у своєму браузері. Елементи grid мають багато стилів, які залежать від розміру перегляду.

Якщо ви копіюєте елемент grid і скопійований код не відображається правильно, спробуйте змінити стиль grid на flex

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