Организация отступов в верстке. 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верстка
10 views
2873
911
1 month ago 00:12:24 1
Россия приняла вызов: уже не сдаст назад. НАТО получит по зубам. Отступать некуда — позади Ленинград
2 months ago 01:46:03 1
Когда НИЧЕГО НЕ ПОЛУЧАЕТСЯ и теряешь веру в себя. Что делать, когда нет достижений? Эд Халилов
2 months ago 00:08:09 1
🆘Он угробит Украину! Уничтожающая реакция западных СМИ на план Зеленского - НАТО, Марк Рютте, США
2 months ago 00:10:25 1
Срочно! Жёсткая реакция США и НАТО на план Зеленского - Мария Захарова осадила киевского комика
2 months ago 00:02:01 1
409. Всенародная молитва. 21 октября. Исаия 50:5
2 months ago 00:59:02 1
США не отступят. Наступление НАТО на Москву. Евгений Фёдоров. 23 августа 2024 года