Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
Flexbox с нуля | Современная вёрстка блоков и создание меню на CSS
В этом уроке мы познакомимся с Flexbox — современным методом вёрстки в CSS, который сильно облегчает расположение элементов на странице. Вы узнаете: что такое Flexbox и почему он заменяет старые приёмы (float, inline-block); как работать с основными свойствами контейнера: display: flex, flex-direction, justify-content, align-items, flex-wrap; какие есть свойства у flex-элементов (flex-grow, flex-shrink, flex-basis) и как ими управлять; как создать адаптивное и аккуратное меню навигации с помощью Flexbox. Этот урок идеально подойдёт начинающим фронтенд-разработчикам, которые хотят быстро научиться выравнивать элементы и делать гибкие макеты без лишнего кода. 👉 Смотрите видео до конца — в мини-проекте мы вместе соберём адаптивное меню, которое будет корректно вести себя на десктопе и на мобильных устройствах!