Relayout of blocks from one to two columns the old fashioned way

Tell me, is it possible to implement a simple permutation from one to two columns of blue blocks (fixed width, different height) relative to the main green (preferably stretchable) when you change the width of the browser without using JS and media queries?

Тянется, блоки перемешиваются
October 8th 19 at 00:51
2 answers
October 8th 19 at 00:53
If you make the blocks 1,2,...6 fix width, ask them float:left and the column to do in % of the screen width, then when stretching and sufficient width for two units they are in two columns. But the truth of krasivosti during installation will not succeed.
October 8th 19 at 00:55
The first option you can not imagine how to do.
The second option is play with floatage or display:inline-block. Perhaps something will be arranged, but such stacking blocks is not likely to succeed.

Find more questions by tags CSSHTML