Можно ли используя гриды сделать схожий лейаут?

Question

[antimodern]

Есть 2 секции latest и trending. В каждой секции по множеству (неизвестное число) айтемов. Секция trending должна быть прижата справа сбоку (сайдбар), а секция latest должна ее обтекать. Я сделал нечто подобное с помощью флоатов, но вылезло множество ограничений (например не работает sticky почему-то)

spoiler

Можно ли сделат такой лейаут на гридах? https://codepen.io/anon/pen/PXrLVp
Важно то, что работать должно (т.е. обтекать нормально) вне зависимости от коичесвта элементов в сайдбаре. Там может быть 1 или 10 в списке...

UPD насколько я понял гриды мне не помощник.
Как выяснилось, невозможно там сделать non-rectangular shapes - https://stackoverflow.com/questions/49389889/non-r...
Неужто только флоаты тогда?

Answer 1

[Qurel]

https://masonry.desandro.com/

Comments

[antimodern]

Как он мне поможет?

[Qurel]

Поможет расположить так блоки(в третьей колонке блоки меньше по высоте), я так понимаю блоки одинаковой ширины, проблем с настройкой не должно быть. При изменении экрана они будут красиво перестраиваться, можно в настройкаx задать анимацию.

[antimodern]

Qurel, там 2 блока - один сбоку квадратный, другой НЕ квадратныый (состоящий ихз дочерних блоков), он обтекает первый блок. Как мне поможет масонри? Я не вижу в упор.