Как выровнять flex элементы?

Question

[Артур Левенсон]

подскажите пожалуйста как расположить блоки как на картинке



https://codepen.io/kiskiskit/pen/dyoqeVB

Comments

[Ankhena]

Артур, флексами - нужно делать доп.обертки.
Без доп.оберток - грид.

Answer 1

[Тигран Абрамян]

Answer 2

[Александр]

Правую часть необходимо обернуть во флекс-контейнер. Либо переделать на гриды, там намного проще так расположить элементы.

Answer 3

[Hello World]

По моему с гридами лучше

Answer 4

[Clay]

<div class="container">
      <div class="block-1"></div>
      <div class="block-2">
         <div class="block-link">
            <div class="block-item"></div>
            <div class="block-item"></div>
         </div>
         <div class="block-red"></div>
      </div>
   </div>

.container {
   display: flex;
}

.block-link {
   display: flex;
}

.block-red {
   width: 100%;
}