4.3 KiB
4.3 KiB
title | localeTitle |
---|---|
CSS Flexbox | CSS Flexbox |
CSS Flexbox
Этот набор проблем научит вас основам использования гибких контейнеров. Задачи:
- Используйте дисплей: flex to Position Two Boxes .
- Добавить Flex Superpowers к вставке Tweet .
- Используйте свойство flex-direction для создания строки .
- Примените свойство flex-direction для создания строк в Embed .
- Используйте свойство flex-direction для создания столбца .
- Примените свойство flex-direction для создания столбца в Embed .
- Выровнять элементы Используя свойство justify-content .
- Используйте свойство justify-content в Tweet Embed .
- Выравнивание элементов Использование свойства align-items .
- Используйте свойство align-items в Tweet Embed .
- Используйте свойство flex-wrap для обертывания строки или столбца .
- Используйте свойство flex-shrink для сжимания элементов .
- Используйте свойство flex-grow для расширения элементов .
- Используйте свойство flex-basis для установки начального размера элемента .
- Используйте свойство flex Shorthand .
- Используйте свойство «Заказ» для переупорядочения элементов .
- Используйте свойство align-self .