CSS: Flex

В этом курсе вы шаг за шагом изучите возможности механизма Flex и научитесь использовать его в проектах. С ростом количества веб-страниц и усложнением дизайна возникла острая проблема расположения элементов. Появление мобильных устройств показало, что текущих возможностей позиционирования недостаточно — у разработчиков возникла потребность в новом механизме, который позволит управлять элементами на экране. Таким механизмом стал CSS Flexible Box Layout.

Чему вы научитесь

• Применять базовые свойства CSS Flexible Box Layout
• Управлять HTML-элементами по вертикали и горизонтали с помощью Flex
• Создавать адаптированные для мобильных устройств макеты
• Создавать гибкие элементы, которые будут менять ширину и высоту

Программа курса

1. Введение
2. Что такое Flex
3. Флекс-контейнер
4. Перенос элементов в контейнере
5. Выравнивание элементов по главной оси
6. Выравнивание элементов по перпендикулярной оси
7. Свойства Flex-элементов. Гибкость. Flex-grow
8. Свойства Flex-элементов. Гибкость
9. Свойства Flex-элементов. Расположение

Практические задания после прохождения курса

• Плиточная галерея
• Адаптивность на Flex