UTILS.
100% у браузері

Генератор CSS Grid

Створіть макет CSS grid із налаштовуваними стовпцями, рядками та відступом і живим переглядом.

Про цей інструмент

Задайте кількість стовпців і рядків та відступ, щоб побудувати CSS grid і скопіювати код, усе у вашому браузері.

Поширені запитання

Як визначається розмір доріжок?
Стовпці та рядки використовують repeat() із 1fr, тож вони рівномірно ділять доступний простір.
Що робить регулятор відступу?
Він задає grid gap у пікселях між кожною клітинкою, застосовуючись наживо до перегляду.

Більше інструментів