Выравниваение блоков по горизонтали и вертикали. Свойства display: flex; (lesson 18)

Описание

HTML, CSS, JavaScript для детей!
Бесплатные занятия для детей от 10 лет!
Уроки программирования для детей!
Свойство display: flex; - управление блоками внутри родительского блока.
Свойство flex-direction: row; - делает основную ось горизонтальной (блоки в строчку)
Свойство flex-direction: column; - (по умолчанию) делает основную ось вертикальной (блоки в колонку)
Свойство justify-content: center; - выравнивание блоков по центру основной оси.
Свойство align-items: center; - выравнивание блоков по центру вспомогательной оси
Свойство gap: 30px; - делает равные отступы между блоками