Flexbox — инструмент для раскладки крупных блоков и микросеток. Чтобы превратить блок во флекс-контейнер, ему задают display: flex. Непосредственные потомки такого контейнера становятся флекс-элементами: их можно выравнивать по главной и поперечной осям и распределять свободное пространство внутри контейнера.

В статье разбираем базовые термины (главная и поперечная оси) и ключевые свойства: flex-direction, justify-content, align-items/align-self, align-content и flex-wrap. После этого проще понимать, как собирать меню, карточки или пагинацию так, чтобы блок аккуратно переживал переполнение контентом и разные размеры экрана. #css #flexbox

🪻 Читать статью