Возможно ли такое при помощи flexbox?

Question

[Альберт Рашитов]

Пытаюсь решить задачу, используя flexbox. Возможно ли поместить красный див .fluid под желтый див .rightне используя доп дивы (так как при определенном разрешении .fluid будет вновь занимать 100% ширины)?

codepen.io/AlbertRAR/pen/RryNom

Comments

[Lynn «Кофеман»]

Ничего не понял. При чём тут flex? Как спозиционированы все блоки?

[Альберт Рашитов]

Да, извините забыл приложить ссылку, поправил

[Lynn «Кофеман»]

А зачем тут вообще flex? Чем float:left не подходит?

[Альберт Рашитов]

Алексей Тен: float:left к диву .left?

[Lynn «Кофеман»]

Да codepen.io/alexeyten/pen/qbYdMb

[Альберт Рашитов]

Алексей Тен: ок, а что делать с потерянным левым отступом (padding 15px)?

[Lynn «Кофеман»]

Например задать левому блоку margin-right: 15px. Или задать правым блокам overflow: hidden

[Альберт Рашитов]

Да, вы правы, а при помощи flexbox мы можем такое воссоздать?

[Альберт Рашитов]

ок, закрываю вопрос)