Перейти к содержимому

CSS Flexbox для начинающих: полное руководство + создание Navbar

Easy HTML Learner

0:00 / 0:00

CSS Flexbox для начинающих: полное руководство + создание Navbar

10 просмотров · 6 часов назад
Easy HTML Learner
5,36 тыс. подписчиков
10 просмотров · 6 часов назад
Изучите CSS Flexbox с нуля в одном видео. Каждое свойство вводится в режиме реального времени в VS Code, и вы видите результат в браузере прямо рядом с ним. Мы рассмотрим display flex, основную и поперечную оси, flex-direction, justify-content, align-items, flex-wrap, gap, flex-grow / flex-shrink / flex-basis, order и align-self, а затем создадим реальную адаптивную панель навигации. В конце вас ждёт викторина, так что оставьте свой ответ в комментариях 👇 0:00 Исправление неработающей панели навигации одной строкой кода 0:41 display: flex (flex container, flex items, main & cross axis) 1:52 flex-direction 2:42 justify-content (center, space-between, around, evenly) 3:57 align-items (stretch, center, как центрировать div) 5:00 flex-wrap & gap 6:01 flex-grow, flex-shrink, flex-basis, flex: 1 7:31 order & align-self 8:12 Проект: Панель навигации (трюк с margin-left: auto) 9:18 Викторина 9:51 Итоги + шпаргалка Подпишитесь на Easy html learner, чтобы получить полный курс CSS 🔔 #css #flexbox #webdevelopment #html #frontend