Лучшие практики | ДивМаджик

Советы и рекомендации, которые помогут максимально эффективно использовать DivMagic

1. Работайте с мобильными устройствами

Похоже на: Попутный ветер, сначала нацеливайтесь на мобильные устройства, а затем добавляйте стили для больших экранов. Это поможет вам копировать и конвертировать стили намного быстрее и проще.

DivMagic преобразует элемент так, как вы видите его в браузере. Если у вас большой экран, скопированные стили будут предназначены для большого экрана и будут включать поля, отступы и другие стили для этого размера экрана.

Вместо копирования стилей для большого экрана измените размер браузера на меньший и скопируйте стили для этого размера экрана. Затем добавьте стили для больших экранов.

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

Когда вы копируете элемент, DivMagic скопирует цвет фона. Однако цвет фона элемента может быть взят из родительского элемента.

Если вы копируете элемент, а цвет фона не копируется, проверьте родительский элемент на предмет цвета фона.

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

DivMagic копирует элемент так, как вы его видите в браузере. Элементы grid имеют множество стилей, зависящих от размера представления.

Если вы копируете элемент grid и скопированный код отображается неправильно, попробуйте изменить стиль grid на flex.

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