This question has already been answered:

There is such a layout:

enter image description here

How to make so that the blocks were under each other, without disturbing the grid of bostrap?

I build it with the help of a bootstrap grid, so that it would be more convenient to adapt, then three columns should go into two, etc.

I tried to do it with the help of flex-a, on the desk design everything turned out, limiting the height of the parent unit, but I picked it up manually. But already for the extension of 1024 somehow it does not work, I already have two columns there and I can’t find the height.

I tried various jquery plugins, but somehow I didn’t master it.

How to implement so that the blocks of different heights were under each other?

Reported as a duplicate member of PashaPash ♦ 11 Feb '17 at 11:37 .

A similar question was asked earlier and an answer has already been received. If the answers provided are not exhaustive, please ask a new question .

  • add an example of the markup and styles that you tried - Grundy
  • Should the blocks in the markup go horizontally or vertically? - Qwertiy ♦

1 answer 1

Look towards the column-count and column-gap properties. Here is the documentation .