Grid Playground
Интерактивно настраивайте CSS Grid и копируйте готовый код.
1
2
3
4
5
6
CSS
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 80px);
gap: 10px;
justify-items: stretch;
align-items: stretch;
}Зачем использовать Grid Playground?
Обучение
Визуально изучайте работу CSS Grid, экспериментируя с колонками, рядами и выравниванием.
Вёрстка
Быстро подбирайте параметры сетки и копируйте готовый CSS-код в свой проект.
