Столбцы сетки внутри контейнера

Question

Я использую сетку для отображения 4 столбцов, но по какой-то причине я не могу использовать для них justify-content: space-between.

Пример кода:

<div class"wrapper">
 <div class"columns">
  <div class"column1"></div>
  <div class"column2"></div>
  <div class"column3"></div>
  <div class"column4"></div>
 </div>
</div>

.wrapper {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

.columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
}

Что достигаю ли я прямо сейчас: ПРЯМО СЕЙЧАС

Чего я хочу достичь: ДОСТИЖЕНИЕ

! Обратите внимание: 1) Отображение элементов в виде гибкости и выравнивания пробелов между ними не является решением для меня, потому что я хочу использовать сетку. 2) Задавать зазоры для столбцов - тоже не решение для меня.

Заранее спасибо за помощь!