Discussion :

[marionmc]

Hello à tous,

Je m'excuse par avance si certains trouveront ma question basique mais je tourne en rond.

Voilà j'ai appris les règles du flexbox et pour un exercice, je dois créer un menu responsive. En desktop et en tablette, ce menu composé de 3 éléments s'affichent les uns à côré des autres en rang. Jusque là, pas de souci.

Par contre, en mobile, le premier menu prend tout le rang, tandis que les deux autres prennent 50% de l'espace restant sur le rang du dessous, comme ceci.






Rien à faire, je n'y arrive pas, malgré le changement de flex-direction en colonne puis en rang en fonction du passage en mobile au desktop. Quelque chose m'échappe clairement mais à force de creuser, je n'arrive plus à y voir clair et j'aurai besoin de votre avis s'il vous plait!

Voici un de mes derniers essais:
https://bit.ly/2KqJslc

D'avance merci pour votre aide!