Як зробити grid контейнер?

Створення грід-контейнера Задаємо йому display:grid . Або display: inline-grid, різниця зі звичайним grid така ж, як у inline-block з block. Нижче наочний приклад: HTML.

Як зробити grid у рядок?

Щоб описати всю сітку за допомогою одного рядка коду, використовуйте властивість grid-template . Ця властивість дозволяє задавати значення їм обох. Записується так: grid-template: auto 1fr auto / auto 1fr auto .