CSS FlexBox&co Besoin d'aide sur une petite mise en page FlexBox

Hello J’ai un petit soucis avec ma mise en page FlexBox, voici ce que j’aimerais faire

Pour arriver à se résultat

Mais pas moyen, après avoir retrituré tout mon cours, et flex frog, je n’y arrive pas. Si vous pouviez m’aider à comprendre le problème se serait avec plaisir.(code source: https://raw.githubusercontent.com/Arkios366/devoir-1/main/Devoirs%201.zip)

Bonjour, il te faut appliquer flex-basis: 100% sur ton élément.

J’avoue ne pas trop comprendre ton schéma. Suis-je idiot?

L’élément doit être afficher en block (display:block) donc je pense que l’utilisation du flex basis n’est pas possible.

Je ne vois pas où est le problème : https://codepen.io/Yarflam/pen/bGezZoX