Как в grid-сетке с одним столбцом уместить два элемента в ряд?

Question

[Evtera]

Здравствуйте. Есть стандартная грид сетка. Подскажите, можно ли сделать так, чтобы два последних элемента всегда были в одном ряду с шириной по 50%?

То есть структура такая:
item
item
item
item-50% item-50%

display: grid;
      grid-template-columns: repeat(auto-fill, minmax(28rem, 45.4rem));
      grid-template-rows: repeat(auto-fill, minmax($selectLegendHeight, 1fr));
      justify-content: center;
      gap: 2.5rem 2rem;

<div class="grid-wrapper">
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
</div>

Answer 1

[Softlink]

Скорее всего надо идти от обратного: иметь два столбца, но нужные ячейки растягивать. Примерно так