Grid

Классы для управления grid-сетками.

Контейнер

Класс	Описание
.grid	Включает grid

Колонки

Класс	Описание
.grid-columns--1fr-1fr	Две равные колонки
.grid-columns--1fr-2fr	Колонки 1:2
.grid-columns--1fr-3fr	Колонки 1:3
.grid-columns--2fr-1fr	Колонки 2:1
.grid-columns--3-32	Фиксированные колонки

Примеры

PreviewSource Code

Колонка 1

Колонка 2

<div class="grid grid-columns--1fr-1fr gap-4">
  <div>Колонка 1</div>
  <div>Колонка 2</div>
</div>

PreviewSource Code

1/3

2/3

<div class="grid grid-columns--1fr-2fr gap-4">
  <div>1/3</div>
  <div>2/3</div>
</div>