Генератор CSS Grid

Генерируйте макеты CSS Grid с указанием колонок, строк и отступов. Чистый CSS с предпросмотром.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Часто задаваемые вопросы

Что такое CSS Grid?

CSS Grid — это двумерная система макетов, позволяющая создавать сложные макеты страниц со строками и столбцами одновременно.

Что означает 1fr?

Единица fr представляет долю доступного пространства. repeat(3, 1fr) создаёт 3 колонки равной ширины, равномерно делящие пространство.