Quelqu'un peut me corriger svp ? Je comprends rien au flex

"Utilisez deux propriétés à base de flex sur la bonne balise pour que le aside vienne se placer à gauche de l'article"

aside{
display: flex;
flex-direction: column;
}

"Rajoutez la même propriété à article et aside pour qu'ils occupent chacun la moitié de la largeur du main (et donc de la page)"

article, aside{
display: flex: width: 50%;
}

Pas sûr de la réponse mais

C'est le conteneur qui doit être en flex, donc si aside et article sont dans le main, tu dois faire

main {
  display: flex;
  flex-direction: row;
}

et pour ton 2ème bout de code le width est bon mais le display flex sert a rien, ils rempliront chacun la moitié du main du coup
Si ça marche pas essaye de mettre un width: 100% au main aussi

J'espère que ça fonctionnera et que ça t'aidera !

Merci ! Il me manque à le déplacer à gauche maintenant.

Le 01 décembre 2022 à 06:58:02 :
Merci ! Il me manque à le déplacer à gauche maintenant.

Y'a pas vraiment moyen de le déplacer enfin le flex direction row du main fait déjà en sorte qu'ils sont les 2 en ligne (le aside et l'article)

Donc pour que le aside soit a gauche par exemple il faut qu'il soit écrit au dessus de l'article dans ton html, et inversement si tu veux le mettre a droite

Ou si tu peux pas toucher le HTML, tu peux utiliser

main {
  display: flex;
  flex-direction: row-reverse;
}

Après c'est un peu gros de dire que tu captes rien, t'as fait quelques recherches? T'as 1000 tutos "pas-à-pas" sur internet, même en français.

Et quand tu travailles avec les flex, tu ne dois pas utiliser des trucs du genre width: 50%;
tu dois travailler avec l'attribut "flex". Dans ton cas, il faut spécifier flex: 1; sur tes deux conteneurs si tu veux du proportionnel (50/50). Si tu veux du 2/3 - 1/3, tu ferais flex: 2; d'un côté et flex: 1; de l'autre, par exemple.