Организация отступов в верстке. margin, padding и нюансы

Привет. Крайне частая проблема у верстальщиков - это использование отступов в верстке. Я и сам, бывает, не всегда следую правилам. Однако, они важны и нужны, знать и применять их должен любой уважающий себя верстальщик. Давайте же разбираться. Содержание: 00:00 - Вступление 00:20 - Синтаксис margin и padding 02:57 - Отступы для строчных элементов 03:58 - Флекс-сетка с margin и padding 06:18 - Центрирование с помощью margin 06:34 - Что использовать при фоновом изображении? 07:19 - Интересное поведение margin: auto 08:08 - Схлопывание margin 09:03 - Как правильно задавать margin (вертикальные отступы) 10:25 - Убираем отступ у последнего элемента в коллекции 11:40 - Как правильно задавать margin (горизонтальные отступы) 12:15 - Практический пример по отступам в карточке 14:30 - Так ли нужен min-height? 15:30 - Отступы у БЭМ-блоков 17:12 - Как делать отступы, если потом это все пойдет на CMS 18:46 - Заговор) 19:48 - Заключение - исходники из видео на GitHub Поддержать канал: Мой блог: Мой сайт: Канал в телеграм: Чат для верстальщиков: Тема VS Code: One Monokai Шрифт VS Code: Consolas, ’Courier New’, monospace #maxgraph #trueверстка
Back to Top