Мобильная версияМожно ли сделать перенос сетки CSS без использования медиа-запросов?
В моем случае у меня есть недетерминированное количество элементов, которые я хочу поместить в сетку, и я хочу, чтобы эта сетка была перенесена. Используя Flexbox, я не могу надежно расположить объекты. Я бы также хотел избежать множества медиа-запросов.
Вот пример кода:
.grid { дисплей: сетка; разрыв сетки: 10 пикселей; сетка-авто-поток: столбец; столбцы-шаблона сетки: 186 пикселей 186 пикселей 186 пикселей 186 пикселей; } .сетка > * { цвет фона: зеленый; высота: 200 пикселей; 1 2 3 4
А вот изображение в формате GIF:
В качестве примечания: если бы кто-нибудь мог сказать мне, как я могу избежать указания ширины всех элементов, как я, с помощью grid-template-columns, это было бы здорово. Я бы предпочел, чтобы дети сами указывали свою ширину.
