Как избежать переполнения колонки CSS Grid

Две равные колонки неожиданно выходят за контейнер. Значение 1fr не всегда разрешает колонке стать уже её содержимого. Для сетки карточек можно явно снять этот нижний предел.

.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.grid > * { min-width: 0; }
.grid pre { overflow: auto; }

Прокрутка остаётся у блока с кодом, а вся страница не растягивается. Для длинных ссылок отдельно задайте перенос. На узком экране переключите сетку на одну колонку. Не скрывайте overflow всей страницы: так легко потерять часть формы или меню.