Is it possible to distribute blocks in this way using only CSS?

Question

css

Is it possible to distribute blocks one by one so that they first line up in several columns / rows and, if they do not fit, a vertical scroll appears.
In this case, the blocks (heading and paragraphs) should go tightly one under the other.

Answer 1

Can. Learn Flex

Answer 2

here you can’t figure it out without js - columns of different heights
I advise masonry
https://masonry.desandro.com/
but it’s possible to look in the direction of this
w3bits.com/labs/css-masonry