Как сделать 30 столбцов автоширины с CSS сеткой?

Question

Я никогда раньше не использовал CSS Grid , поэтому, пожалуйста, извините, если это простой вопрос.Мне нужно сделать сетку шириной 30 столбцов - автоматическую ширину, которая настраивается с помощью окна браузера или родительского div.Я прочитал документацию, но я не могу найти код, который просто создает x количество столбцов с автоматической шириной.Как мне это сделать?

Answer 1

.grid-container {
   display: grid;
   grid-template-columns: repeat(30, 1fr);
}

Этот код создает контейнер сетки с 30 столбцами, каждый из которых имеет равную долю свободного пространства в строке.Вы также можете попробовать заменить 1fr на auto (ширина содержимого) или min-content (минимальная ширина столбца после выполнения всех разрывов строки).