Как сделать grid заполнение?

Question

[Владислав Годунов]

Необходимо, чтобы 3-й элемент был в полную ширину. Как это сделать динамически?

Answer 1

[Андрей Макушкин]

Если потенциально не предполагается 4-й, то можно добавить медиа запрос когда необходимо растянуть 3-й элемент

@media (min-width: 768px) and (max-width: 1200px) {
  .advantages-item:nth-child(3) {
    grid-column: 1 / 3;
  }
}