Почему блоки в GRID сетке не адаптивны?

Question

[Даня Квинов]

Верстаю сайт с помощью GRID и по сути блоки должны при уменьшении окна перескакивать и выстраиваться в одну колонку. Но они не перескакивают. Что я делаю не так?
https://codepen.io/anon/pen/rREKZe

Answer 1

[ReActor Дмитрий Вершанский]

А как же
.grid {
display: grid;
grid-template-columns: repeat(autofill, minmax(320px, 1fr));
}

И медиа-запросы не понадобятся

Answer 2

[profesor08]

Нет. Это лишь твоя задумка, или мечта, но ты ничего не сделал для ее реализации. Задай нужный grid-template-columns в @media

Comments

[Даня Квинов]

На будущее, не будьте так дерзки.