- Для всех
- На русском языке
- 3 часа
- Бесплатно
CSS Flexbox: полный курс и практика использования
Если вы начинаете свой путь во фронтенд-разработке, то этот курс для вас! CSS Flexbox — популярный модуль CSS для более эффективного размещения, выравнивания и распределения пространства между элементами на веб-странице. Автор курса, Антон Ларичев, расскажет об особенностях вёрстки с помощью этого инструмента.
Чему вы научитесь
Уверенно использовать CSS Flexbox для вёрстки
Позиционировать элементы внутри контейнера
Создавать сложные сетки
Применять CSS Flexbox на практике
Работать с адаптивным дизайном на CSS Flexbox
Содержание курса
Курс состоит из 5 модулей. В каждом модуле есть видео, упражнения и тесты для самопроверки.
- 5 модулей
- 5 тем
- 3 часа
- Введение
- Что такое Flexbox.
- Как устроен курс.
- Настройка окружения.
- Знакомство с Flexbox
- Введение во Flexbox.
- Работа с flex-direction.
- Flex-wrap.
- Порядок элементов.
- Flex-flow.
- Выравнивание и центрирование
- Justify-content.
- Align-items.
- Align-content.
- Align-self.
- Размеры элементов
- Размеры и flex.
- Flex-grow, flex-shrink и flex-basis.
- Flex-wrap с flex-basis.
- Auto margin.
- Gap row-gap column-gap.
Автор курса
PurpleSchool