Как сделать сетку с элементами высота которых меняется в шахматном порядке?

Question

[fff ttt]

Не могу понять как мне сделать так, чтобы элементы занимали все свободное пространство и чтобы между ними не было больших пробелов, с высотой разобрался, но возникает проблема - элементы не занимают все свободное пространство.
Нужно получить такую сетку :

А я получаю такую:

Comments

[Ankhena]

Уточните, у вас там раскладка типа masonry, т.е. с произвольной высотой или всё таки повторяющаяся сетка?

[fff ttt]

Ankhena, повторяющаяся

[Ankhena]

fff ttt,
Тогда вообще всё просто: nth-child и вперед.
https://jsfiddle.net/Ankhena/dfot524b/

[fff ttt]

Ankhena, не открывается ссылка((((((((((((

[Ankhena]

fff ttt, используйте VPN.
Версия на codepen https://codepen.io/AnnaSummer/pen/vYryQvo

Answer 1

[Сергей delphinpro]

https://habr.com/ru/post/526008/