Организация отступов в верстке. 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сы с отступами

[@lisofsky8151]

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

[@svetlanakozlova1360]

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

[@maxgraph]

спасибо)

[@serhiiretsenko2237]

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

[@maxgraph]

пожалуйста)

[@RomanKhassazhirov]

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

[@user-ws5kz1pc5k]

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

[@KonkerE_]

Спасибо

[@user-hc7wq9om9i]

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

[@maxgraph]

Пожалуйста)

[@andreinechaev7214]

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

[@maxgraph]

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

[@andreinechaev7214]

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

[@maxgraph]

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

[@balbe666]

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

[@maxgraph]

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

[@toperarley7777]

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

[@maxgraph]

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

[@in77815]

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

[@maxgraph]

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

[@maxgraph]

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

[@in77815]

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

[@user-cs6zs8lp7q]

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

[@maxgraph]

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

[@user-sb2yd8fp9n]

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

[@maxgraph]

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