Margin collapsing (схлопывание)
HTML-код
- Опубликовано: 18 ноя 2024
- Привет!📢
▶ Telegram: t.me/Dmitry_Ko...
▶ GitHub: github.com/Dmi...
▶ Linkedin: / kolotilshikov
Margin collapsing (схлопывание)
Ваша обратная связь обязательна =)
Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
▶ Графический дизайн и анимация: t.me/getlogo
📢 ПЛЕЙЛИСТ FRONTENDER[1.0] - 1 Модуль: • 2024 КУРС | Frontender...
Также тебе могут быть полезны эти уроки:
📢 HTML для начинающих за 33 минуты: • HTML для начинающих за...
📢 CSS для начинающих + практика за 24 минуты: • CSS для начинающих + п...
📢 FLEXBOX. Всё о flexbox в одном уроке: • FLEXBOX. Всё о flexbox...
📢 FLEXBOX. Всё о flexbox | Практика: • FLEXBOX. Всё о flexbox...
FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на RUclips.
📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender
Я уже привык к gap, всегда если нужны отступы, использую его с flex/grid. Марджин использую редко, только для конкретного элемента, а не для нескольких, ибо когда несколько, то родителю gap) ну и как итог такое встречаю редко. Но в свое время помню не понимал почему так происходит и как это вообще работает)
100px поставить на top или bottom) Всё гениальное просто)
При flexgrid можно и gap с паддингом родителю. Варианты ограничиваются только фантазией. Хороший ролик, красиво сделано и тема агоньпушка 👍
💪
Всё верно, пора уже объяснить людям что flexbox - это удобно. А то всё еще встречаю новую верстку где люди играются минусовыми margin у родителя чтобы строить сетки=) И почему-то активно игнорируют calc
@@mexvision-3556 верстаю еще со времен таблиц и флоата. Как только флексы окрепли поддержкой, сразу накинулся на них потом и на гриды так тем более, это же спасительные группы свойств. Нету в сообществе рупора единогласности...
@@mexvision-3556мейби новички, ну или просто не хотят разбираться и париться с calc, если бы они знали как это удобно и предотвращает казусы в мобилке...
Деды делали одно направленный мерджин, например, все элементы кроме первого толкаются от верха на 100px
Спасибо деду за победу 🫡
А почему сейчас так делать нельзя?
Можно, но гораздо удобнее управлять на уровне контейнера посредством gap с поддерживающими режимами отображения
Спасибо
Работайте с margin-bottom и margin-right с псевдоклассами not(last-child) и не будете горя знать)
А ещё варианты????
Кидай в комменты, если знаешь)
@@dmitry_kolotilshikov 🤔
А ещё лучше не использовать margin если элемент ничего не толкает есть же padding 😂
В контейнере так точно)
Как я ненавижу верстку, удачи вам на фронте!)
Спасибо, береги себя🫶