Как попарно разместить блоки в контейнере не добавляя обёрток?

Question

[GaronTeam]

Приветствую!
Имеется неизвестное колличество блоков внутри контейнера заданной ширины.
Размер контейнера динамический.
Интересует возможно ли сделать так, чтобы блоки формировались по две строчки и переходили на слелующую колонку до того момента, пока они перестанут влезать.
А Когда перестают влезать переходили на новую строку.
Возможности обернуть блоки нет.

Есть ли хоть какое то решение задачи? Можно задать grid-template-rows: repeat(2, 1fr);
но как перенести при переполнении блока - не знаю.

Приложил фото примера, где цифры - это очерёдность расположения блоков в вёрстке.

Comments

[szQocks]

если ты учишь гриды, то читай все свойства гридов и учись, примеры даже в документации есть, голову осталось немного включить и пальчиками по клавиатуре поклацать

[GaronTeam]

szQocks, не нашёл примеров в "документации". Может подскажешь в какой искать?

[xdevelx]

переходили на слелующую колонку до того момента, пока они перестанут влезать.

Так не получится, можно только если с фиксированным количеством колонок
https://codepen.io/xdevelx/pen/abPpWzr


css grid все условия не выполнит, остается только писать медиа запросы и менять количество колонок и переопределять grid-column

[GaronTeam]

xdevelx, понял. Большое спасибо. Думал вдруг чего пропускаю!

[szQocks]

GaronTeam, https://codepen.io/kapysta-xxl/pen/poqRxeO

[xdevelx]

szQocks, Найди 10 отличий:

[szQocks]

xdevelx, лень, каждый из нас по своему понял вопрос

[xdevelx]

szQocks, Кто то из нас вообще не понял вопроса. Догадайтесь кто? Автор вопроса приложил изображение с нужной последовательностью вывода элементов в сетке.

[szQocks]

xdevelx, пусть я понял по своему вопрос, дальше то что ? тебе что холодно или жарко от этого ? что за истерика ?