Как сделать сетку как на картинке?

Question

[Im p3l]

Я пытаюсь сделать сетку как на картинке, но у меня получается очень большой отступ между блоками. Пожалуйста подскажите, как сделать как на картинке и чтобы не было больших отступов

Answer 1

[MikUrrey]

Убрать
grid-template-rows: repeat(4, 1fr);

Answer 2

[Дмитрий Марков]

По моему такое можно сделать с помощью column-count
Родителю добавить column-count: 2;
Блокам добавить break-inside: avoid-column;

Comments

[Ankhena]

Угу, только порядок элементов другой и результат непредсказуемый.