@Evtera

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

Здравствуйте. Есть стандартная грид сетка. Подскажите, можно ли сделать так, чтобы два последних элемента всегда были в одном ряду с шириной по 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>
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
@Softlink
Скорее всего надо идти от обратного: иметь два столбца, но нужные ячейки растягивать. Примерно так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы