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

Question

[GaserV]

Подскажите, как правильно сверстать такую структуру блоков? На деск-топ понятно. я сделал два блока. Левый и правый. Но на моб они в другом порядке выглядят: "must have" на всю ширину, "the new school" + "эл.стиль" - слева, "а завтрак у Тифани" справа.

Answer 1

[Сергей Горячев]

https://jsfiddle.net/xqd0zerq/ так? уменьшайте до 400 пикселей блок с результатом

Answer 2

[nepster-web]

откройте для себя flexbox

Comments

[Сергей delphinpro]

Здесь grid-layout идеально подошел бы, если бы он работал )

[GaserV]

Я его юзал пару раз, но не знаю как в данной ситуации его использовать. Помогите пожалуйста, буду очень благодарен Вам!

[nepster-web]

GaserV: Сергей как раз предоставил пример реализации. Я особо не всматривался, там вроде работает, но что-то нахимичили с позициями. Вообще кстате говоря это похоже на мозайку и возможно вам подойдет вот такое: masonry.desandro.com

[GaserV]

nepster09: спасибо!)