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

[@TheEegmen]

Конспект : у строчных элементов работают только отступы по бокам, для них надо ставить inline-block можно исользовать отрицательные margin при использовании фонового изображения используем padding margin 0 auto один из способов центрирования margin left auto - сдвигает элементы margin top & margin bottom "схлопываются" не ставим эти отсупы вместе! используем margin там где есть соседние элементы к примеру ul>li>a применяем margin к li когда нужно сделать отступы сверху и с низу для группы элементов, используем paddig. Используем magin только от предыдущих элементов т.е margin-bottom; margin-right; min-height используем с padding; при БЭМ используем дополнительные клаcсы с отступами

[@svetlanakozlova1360]

Очень хороший урок - для новичка особенно! Спасибо!

[@maxgraph]

спасибо)

[@RomanKhassazhirov]

Отличное видео, всё по делу)

[@lisofsky8151]

видео круть ! п.с. если хотите сказать спасибо автору пишите комменты длиннее 7 слов и лайкате чужие комменты ! тогда ютубчик продвинет в алгоритмах

[@ИВин-б3ц]

Повторюсь. Спасибо. 👍

[@KonkerE_]

Спасибо

[@serhiiretsenko2237]

Отличный урок. Спасибо.

[@maxgraph]

пожалуйста)

[@НикитаСмирнов-ъ2п]

Спасибо большое! 👍👍👍

[@maxgraph]

Пожалуйста)

[@andreinechaev7214]

Сделайте пожалуйста видео по верстке многостраничного макета с гитом, вебпаком и препроцессорами.

[@maxgraph]

А что с гит? Вебпак не использую, остальное будет)

[@andreinechaev7214]

@@maxgraph С гитом - в смысле показывать, как им пользоваться в процессе верстки. Некоторые работодатели требуют знания гита и вебпака.

[@maxgraph]

Это почти бесполезно, когда делаешь сайт один) но можно

[@toperarley7777]

Про псевдоклассы css интересно было бы.

[@maxgraph]

Совсем скоро выйдет)

[@balbe666]

Почему margin-top нельзя задавать? Слышал вообще мнение, что задают только право и низ. Это верно?

[@maxgraph]

Верно. Все в видео рассказано)

[@in77815]

Максим, если можно про css перемнные хотелось бы...

[@maxgraph]

Будет, числа 5го августа (уезжаю, поэтому как приеду - сразу будет)

[@maxgraph]

Но вообще - посмотрите видео про создание цветовой темы) там и про переменные есть.

[@in77815]

@@maxgraph спасибо ждём

[@АлександрКо-ц8ш]

Можно для example-7 записать так?: example-7 li + li { margin-left: 20px;}

[@maxgraph]

Это слишком сложно, не имеет смысла)

[@ЕвгенийРусских-г8е]

@@maxgraph, чем же это сложно? Так же проще написать чем :note(:last-child)

[@maxgraph]

Ну для меня нет