Как настроить CSS-сетку для отображения неизвестного количества динамических данных

Question

Я получаю неизвестное количество изображений из базы данных, как мне настроить CSS-сетку для размещения любого количества изображений.

Пример первых четырех изображений.

.grid-container {
   display: grid;
   grid-template-rows: 25px 25px;
   grid-template-colunms: 25px 25px;
}

как сделать так, чтобы все изображения соответствовали определенному правилу.

Answer 1

Я получил ответ, и он хорошо работает для меня.

.grid-container {
    display: grid;
    grid-template-areas: "a a";
    grid-auto-rows: 25px;
}