Как правильно верстать такое с помощю Flexbox?

Question

[develope1r]

Answer 1

[Александр]

Проще всего:
Родителю следующие стили:

display:flex;
flex-wrap: wrap;
justify-content: space-between;

Дочерним:

width: 24%;
height: 200px;

Пятый блок так:

.parent .child:nth-of-type(5) {
width: 48%;
}

С шириной/высотой, отступами можно поиграться

Answer 2

[азаза]

да так картинкой вставляй и не парься)

Answer 3

[Александр]

Answer 4

[flexboxer]

d-flex
flex-row
justify-content- between

для второго также, просто первому элементу увеличиваешь ширину, в общем три блока