Урок 7: Раскладка и Flexbox 🧩

До сих пор все наши элементы шли строго сверху вниз. Но что если нам нужно поставить их в один ряд (например, для меню)? Для этого в CSS есть технология Flexbox (гибкая коробка).

Как это работает:

.flex-menu {
    display: flex; /* Включаем гибкий режим */
    justify-content: space-between; /* Распределяем свободное место */
}
    

Мы берем блок (div) и даем ему правило display: flex. Все элементы внутри него сразу же выстраиваются в одну линию по горизонтали!

Живой пример (Меню навигации):