У меня проблема с тем, что сетка только увеличит ее высоту до 3998px.
Даже если я жестко закодирую высоту div, для которого задано отображение: grid, div будет увеличиваться, но не будетрендеринг элементов сетки меньше 3998px.
3998px выглядит много, но сайт содержит большие фотогалереи.
На рабочем столе это не проблема, так как постоянно расширяющиеся столбцы позволяютэта высота никогда не будет поражена.
Но на мобильном телефоне возникает проблема, когда пользователи не могут видеть свои изображения, если они находятся внизу списка.
Ниже приведен CSS, который я использую для сетки.Также ссылка на сайт, который имеет эту проблему .. для визуального: http://smpl.city/events.php?eid=799
.events-page .grid {
background-color: #000;
display: grid;
grid-gap: 2px;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-auto-rows: 2px;
position: relative;
margin-bottom: 7em;
width: 100%;
}