🎮 Grid Practice

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

📚 Уроки 🎮 Практика 📋 Шпаргалка 🎯 Задачи 🏆 Достижения
⚙️ Свойства Grid
6 элементов
👁️ Live Preview
1
2
3
4
5
6
📋 Сгенерированный CSS
.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    justify-items: stretch;
    align-items: stretch;
    justify-content: start;
    align-content: start;
    grid-auto-flow: row;
}
⚡ Быстрые пресеты