Le flex permet de dire "ce DIV prend toute la hauteur restante"
Le vh permet de dire que "Ce DIV prend la hauteur (pourcentage) de l'écran, peu importe le contenu."
si tu mets height:200vh; et que tu as un écran fictif de 200px de haut, alors le DIV fera 400px.
si tu mets height:100%; le DIV sera haut de 100% de son contenu.... non pas de l'affichage.
Le vh s'applique uniquement si tu veux que ça soit en "plein" écran dans le navigateur.
si <DIV.conteneurRouge> se trouve dans un coin de ta page, imbriqué dans un autre DIV, alors passe la valeur en %.
Le vh permet de dire que "Ce DIV prend la hauteur (pourcentage) de l'écran, peu importe le contenu."
si tu mets height:200vh; et que tu as un écran fictif de 200px de haut, alors le DIV fera 400px.
si tu mets height:100%; le DIV sera haut de 100% de son contenu.... non pas de l'affichage.
Le vh s'applique uniquement si tu veux que ça soit en "plein" écran dans le navigateur.
si <DIV.conteneurRouge> se trouve dans un coin de ta page, imbriqué dans un autre DIV, alors passe la valeur en %.
"Somewhere, something incredible is waiting to be known..."
Carl Sagan.
Carl Sagan.