[Block] 2Block à coté, 1 en dessous.

Bonjour les codeurs

J'ai un petit problème, très simple je pense.
J'ai 3 blocks, J'en veux deux un à coté de l'autre, Et le toisième en dessous. Comment faire ?
voici mon code:

#section
{display: flex;}


.leftbox
{background-color: red; width: 50%}

.rightbox
{background-color: blue; width: 25%}

.Soubox
{background-color: green; width: 25%; justify-content: flex-end;}

merci pour votre aide

Salut,

flex-wrap:wrap; sur le parent pour permettre un retour à la ligne des bloc.
Ensuite il faut gérer les tailles pour que les 2 premier poussent le dernier en dessous et que ce troisieme prenne toute la place. Donc 50 / 50 /100.

https://jsfiddle.net/hz4y6qvc/1/

Thank's