How to make a grid like in the picture?

Question

css

I'm trying to make a grid like in the picture, but I get a very large indent between the blocks. Please tell me how to do it like in the picture and so that there are no large indents

Answer 1

Put away
grid-template-rows: repeat(4, 1fr);

Answer 2

In my opinion, this can be done using column-count
Parent add column-count: 2;
Blocks add break-inside: avoid-column;