Как сделать резиновую сетку из двух одинаковых колонок с помощью CSS Grid?

Задайте две колонки grid-template-columns: repeat(2, minmax(0, 1fr)) — они разделят доступную ширину поровну.

Пример: .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }. minmax(0, 1fr) позволяет колонкам сжиматься, а не расширяться из-за минимальной ширины контента. Перенос длинного текста и мобильный переход в одну колонку задаются отдельно.