В CSS Grid помимо явной установки размеров колонок есть еще од | Канал WebForMySelf - IT и веб-разработка

В CSS Grid помимо явной установки размеров колонок есть еще одна из мощнейших функций – в Grid можно повторять колонки для заполнения контейнера и автоматически размещать в них элементы. В частности, мы можем указать количество столбцов в сетке, а затем браузер будет управлять адаптивностью этих колонок за нас. На маленьких экранах будет показываться меньше столбцов, а на больших – больше, так как экран позволяет вместить больше столбцов. Для этого даже не нужно писать медиа запросы.
#cssgrid
https://webformyself.com/avtomaticheskoe-izmenenie-razmera-stolbcov-v-css-grid-auto-fill-protiv-auto-fit/