2 месяца

CSS генератор GRID

Просто расставляйте блоки, настраивайте строки и столбцы, а генератор автоматически напишет чистый и аккуратный CSS-код. Идеально для быстрого прототипирования и обучения.

Предпросмотр

1

2

3

4

5

6

Управление элементами

Текст элемента

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

Настройки Grid

Колонки (grid-template-columns) Примеры: 1fr 1fr 1fr, repeat(3, 1fr), 100px auto 20%

Строки (grid-template-rows) Примеры: auto, 100px 200px, 1fr 2fr

Выравнивание элементов (justify-items)

Выравнивание элементов (align-items)

Выравнивание сетки (justify-content)

Выравнивание сетки (align-content)

Расстояние между строками (row-gap)

Расстояние между колонками (column-gap)

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

Комментарии: 0

Для отправки комментария вам необходимо авторизоваться.