freeCodeCamp/guide/russian/certifications/responsive-web-design/css-flexbox/index.md

4.3 KiB

title localeTitle
CSS Flexbox CSS Flexbox

CSS Flexbox

Этот набор проблем научит вас основам использования гибких контейнеров. Задачи:

  1. Используйте дисплей: flex to Position Two Boxes .
  2. Добавить Flex Superpowers к вставке Tweet .
  3. Используйте свойство flex-direction для создания строки .
  4. Примените свойство flex-direction для создания строк в Embed .
  5. Используйте свойство flex-direction для создания столбца .
  6. Примените свойство flex-direction для создания столбца в Embed .
  7. Выровнять элементы Используя свойство justify-content .
  8. Используйте свойство justify-content в Tweet Embed .
  9. Выравнивание элементов Использование свойства align-items .
  10. Используйте свойство align-items в Tweet Embed .
  11. Используйте свойство flex-wrap для обертывания строки или столбца .
  12. Используйте свойство flex-shrink для сжимания элементов .
  13. Используйте свойство flex-grow для расширения элементов .
  14. Используйте свойство flex-basis для установки начального размера элемента .
  15. Используйте свойство flex Shorthand .
  16. Используйте свойство «Заказ» для переупорядочения элементов .
  17. Используйте свойство align-self .