🎮 Flexbox Practice

Интерактивная песочница с live preview и генерацией CSS

📚 Уроки 🎮 Практика 📋 Шпаргалка 🎯 Задачи 🏆 Достижения

⚙️ Свойства контейнера

display

flex-direction

justify-content

align-items

flex-wrap

gap

Количество элементов

5 элементов

👁️ Live Preview

📋 Сгенерированный CSS

.container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 10px;
}

⚡ Быстрые пресеты