Как реализовать такую сетку?

Question

[Дмитрий Локшин]

Друзья, всем привет!

Столкнулся с такой проблемой - нужно реализовать вот такую сетку:

пока что вот что получается: https://jsfiddle.net/lokdmt/36rsdcg5/2/
Те блоки, что к картинкой будут фиксированы по высоте, поэтому с этим проблем не возникнет.
Можно, конечно, использовать какую-нибудь masonry, но задача, думаю, того не стоит, чтобы тянуть ее и можно как-то реализовать без нее.

Не прошу сделать за меня, просто может кто видел сайты с похожей структурой и может дать ссылку.

Заранее спасибо большое!

Answer 1

[Alexander Pushkarev]

Каждый день один и тот же вопрос...
Вот - https://masonry.desandro.com/

Comments

[Дмитрий Локшин]

Спасибо за ответ. Поправил вопрос)

[Alexander Pushkarev]

Дмитрий Локшин: На данный момент можно сделать такую сетку только (без js и костылей), если разбивать это на 3 отдельных блока. И потом уже блоки будут вниз падать. Когда-нибудь CSS3 Grid Layout будет поддерживаться во всех браузерах, вот тогда не нужно будет прибегать с js

Answer 2

[Алексей Скляров]

https://masonry.desandro.com/

Как это сделать на обычном CSS: https://medium.com/@_jh3y/how-to-pure-css-masonry-...

Comments

[Дмитрий Локшин]

Спасибо за ответ. Поправил вопрос)

[Алексей Скляров]

Дмитрий Локшин: не вопрос: https://medium.com/@_jh3y/how-to-pure-css-masonry-...