Для того чтобы первые пять карточек были шириной 20% есть такой css код
.infrastructure_thumb:nth-child(1),
.infrastructure_thumb:nth-child(2),
.infrastructure_thumb:nth-child(3),
.infrastructure_thumb:nth-child(4),
.infrastructure_thumb:nth-child(5) {
width: calc(20% - 20px);
}
Для остальных пишется так
.infrastructure_thumb {
width: calc(25% - 20px);
margin: 10px;
}
Как сделать так чтобы всегда если добавлять еще карточки один ряд был с пятью карточками а следующий с четырьмя карточками?
grid-template-columns
?