align-content flexbox css / Выравнивание элементов в флексбокс / css flexbox уроки

align-content flexbox css / Выравнивание элементов в флексбокс / css flexbox уроки
Привет! Сегодня мы рассмотрим свойство align-content из модуля flexbox css. После просмотра этого видео вы будете знать, как работает это свойство, какие значения оно может принимать. верстка с помощью css flexbox значительно упрощает процесс. верстка сайта состоит из блоков, которые должны выравниваться не только одним потоком, то есть все горизонтально или все вертикально, но так же иногда при большом количестве блоков нужно по разному распределять свободное пространство, которое есть в контейнере.
flexbox уроки направлены на улучшение понимания вами флексбокс и flexbox верстка
В этом уроке мы рассмотрим свойства flex-start, flex-end, center, space-between, space-around, space-evenly, stretch

[prosto_razrabotka]

Не забудьте заглянуть сюда:

Можете добавиться в друзья:

А так же, подписаться на страницы:

[ПятыйЭлемент-йф]

Самый позитивный блогер из этой темы))) так держать.

[onet]

Ждем видео по javascript и фреймворкам к нему!

[ДенисЖилкин-шщ]

Виталий, большая благодарность за такие простые и познавательные видео) Сам погружаюсь во frontend, и твой канал прям чувствую как прокачивает меня) начинаю понимать фундамент, это очень ценно) посмотрел все твои видео и с нетерпение жду новых) также начинаю изучать React js и смотрел у ITбороды, что ты тоже на нём работаешь, очень был бы рад, если ты со своим подходом будешь делать и по нему видео) Успехов тебе и пусть твой канал растёт, побольше бы такого хорошего контента без воды)

[ea]

Ты крут))) подача просто уровень БОГ, всё понятно, в конце ролика даже вопросов не осталось

[ДанилМоисеев-сц]

Спасибо за контент, хотелось бы больше видеть вёрстку сложных макетов от Вас

[ДимаВиталиевич-сы]

JavaScript Пожалуйста и React буду благодарен .Видосы классные!!!

[Fenjkeee]

Спасибо за видео! Кстати, красивые волосы ;)

[dbuzeninka]

. Просто_разработка {
Контент : 100% ;
Актуальность : 100% ;
Подача : 100% ;
Скучность : 0% ;
}

[vanya_hrynkiv]

*Ждем видео по:*
*JS*
*React & Redux*
*WebPack*
*Ну и анимация в css*

[СеменДементьев-см]

Так и не понял как работает значение stretch в данном свойстве. Вы просто сказали что "ничего не изменилось". То-есть это значение по умолчанию?

[roman]

Посмотрел видео, разве оно не выравнивает относительно ОСНОВНОЙ оси а не вторичной ?
А aligh-content отличается от align-item тем что если есть flex-wrap: wrap то align-content (выравнивает) несколько линий??
align-item(для основная оси) делает то же, что justify-content( для вторичной оси).
align-content(для основной оси) делает то же, что justify-items(для вторичной оси)

[invisibleworld]

Почему я не вижу видео ролик про Bootstrap, ограниченный доступ написано (

[Alex-iuly]

Привет, спасибо за отличные видео!
Вопрос немного не по теме)
Какой у тебя MacBook?

[КириллЧунаев-шв]

Спасибо вам Виталий. Смотрю ваши видео параллельно с прохождением интерактивных курсов на Html академии. Вы закрываете некоторые пробелы, но есть пару вещей которые хотелось бы добавить, чтобы сделать ваш контент просто бесподобным)
1) Относительно данного урока было бы нагляднее элементам задать бордеры и небольшие маргины чтобы они не слипались и более наглядно было понятно, что происходит с элементами внутри родителя над которым мы "шаманим".
2) Так как вы проделываете эту работу в песочнице Codepen, то можно делится с ребятами скриптом с частью из урока. Так ребята смогут протестировать и поиграться самостоятельно, а ещё можно даже не дописывать некоторые строчки и дать ребятам вбить их самостоятельно) Это будут уже настоящие курсы с домашним заданием))
Попробовал повторить всю работу что делали и вы, но без подсматривания в видео, хорошая практика. Ещё раз спасибо за то что вы делаете.

[MaksimZhatkin]

Виталий, спасибо большое за контент. Очень радуют твои видео. Но, ради Аллаха, святого духа и Святого Патрика, сделайте шрифт по-больше. Очень тяжело смотреть на телефоне(даже в максимальном разрешении). Еще раз спасибо, продолжайте в том же духе!