Была ли возможность сделать эти артиклы быстрее?

Question

[fapchat]

Я наверное часа 2 по-разному пытался расставить эти прямоугольнички, есть ли способ делать это быстрее, чем таким способом?

И как сделать так, чтобы при уменьшении экрана всё можно было скролить по вертикальной оси? overflow-x: scroll ничего хорошего не даст(

Answer 1

[Ankhena]

Например, флексами: https://jsfiddle.net/y9r85dot/
Можно пересчитать в проценты.
И не стоит задавать высоту, иначе при увеличении размера шрифта или количества текста все полетит.

Альтернатива: абсолюты. Только плясать нужно от центра, а не от краев.
Но тут понадобится js, чтобы узнать размеры родительского блока.

И как сделать так, чтобы при уменьшении экрана всё можно было скролить по вертикальной оси? overflow-x: scroll ничего хорошего не даст(

В media переставить все на обычные блоки. Или на флексы, если нужно менять порядок.

Answer 2

[hzzzzl]

https://jsfiddle.net/7txkgLr5/