Как расположить flex элементы?

Question

[laguna1132]

На мобильных голубой блок должен быть снизу, а на десктопе уходить вправо:

Comments

[Сергей delphinpro]

https://jsfiddle.net/3oxh63s3/

Answer 1

[Mikhail Rerberg]

https://jsfiddle.net/NooNoo1488/njmmfq6p/

Comments

[Mikhail Rerberg]

Если будут вопросы по флексам,то пиши,я с радостью отвечу,если смогу)

[laguna1132]

Mikhail, Спасибо большое!

Answer 2

[Mertico]

laguna1132
На гридах было бы проще используя grid-template-areas

А здесь по сути можно типо такого https://jsfiddle.net/2jodg38g/1/