Есть такая таблица элементов:
<div class="grid">
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>
...
</div>
Получается грид в 4 элемента на 2 строки.
Сейчас с адаптивом все элементы просто сдвигаются в зависимости от ширины экрана, до тех пор пока не останется по 1 в строчке. Но задача стоит следующая: в мобильной версии сделать просто скролл этих строк. Казалось бы решается только этим:
display: flex;
overflow: scroll;
Но это дает мне одной строку скролла, а не две.
Я бы разделил этот грид на два, но это невозможно, каждый элемент .el генерится самой cms, поэтому я имею в распоряжении код с php типа:
<div class="grid">
<div class="el">
/*много php*/
</div>
</div>
Есть ли какое-то решение этой задачи? Может на php или js?