Не могу понять, почему у меня не работает grid-раскладка

Не могу понять, почему у меня не работает grid-раскладка 😩

Элементы просто идут в столбик, как будто grid вообще игнорируется.

1
2
3
4
5

<div class="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

1
2
3
4
5

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

Но всё как будто display: block. Пробовал и в другом браузере — такая же фигня. Что за магия? 😠