Is it possible to make such a grid?

Question

HTML

Is it possible to make such a grid using only CSS, without tables and js, given that the HTML structure is

<div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
</div>

?

Answer 1

Yes, you can with display: flex; flex-direction: column;, if HTML cannot be changed, it order: xwill help to change the order of elements as you wish.

Answer 2

If the blocks and the template have a fixed width, then it can be done on floats, if the layout is rubber, then you will have to suffer, most likely it will come out in a couple of dozen media query rules.

Answer 3

w3bits.com/css-masonry

Answer 4

Absolute positioning - replaces tables