[Résolu] Diviser l'écran en 3 divs plein écran

alain_47 a écrit :
- Une proposition, dans ton devtools tu as deja ton nav en block ... tu peux essayer d'enlever le nav de cette definition css ou bien plus simple, n utilises pas nav mais div. comme cela tu pourras etre en flex.
- essaye ton code sur un fichier hors WP et une fois que ca marche, tu essaies de le mettre dans ton WP
- dans ton 3eme CSS, tu mets width de img à 100 % donc chaque image va pendre 100 % de la largeur de l ecran ! essaies avec 33 % plutot.
...

alain_47 a écrit :
- Une proposition, dans ton devtools tu as deja ton nav en block ... tu peux essayer d'enlever le nav de cette definition css ou bien plus simple, n utilises pas nav mais div. comme cela tu pourras etre en flex.
- essaye ton code sur un fichier hors WP et une fois que ca marche, tu essaies de le mettre dans ton WP
- dans ton 3eme CSS, tu mets width de img à 100 % donc chaque image va pendre 100 % de la largeur de l ecran ! essaies avec 33 % plutot.
...

Isaabelle a écrit :
Alleluia ça y est ça marche !!! Merci à tous !

j'abuse peut être un peu, je pourrais chercher comment faire toute seule mais du coup comment on fait pour que les 3 images se mettent en vertical sur mobile?

gcyrillus a écrit :


non, tu n'abuses pas,

il y a 2 options possible ,

1) un mediaquerie pour enlever le comportement flex : exemple : https://codepen.io/gc-nomade/pen/vYOjdbb

2) un min-width sur les liens et flex-wrap:wrap sur le parent (passage sur 2 puis 3 lignes) : https://codepen.io/gc-nomade/pen/gOpzvyN

Pour ne pas utilisé !important, peut-être peut tu donner un id à ton nav <nav id="monNavFlex"> , cela devrait suffire a éviter le display:block imposé par défaut.