Flex-basis n'a pas d'effet visible sur l'image

Question

#photo_recette {
/* mettre la taille à 300px grâce à flexbox */
flex-basis: 300px;
}
Que je mette flex-basis: 300px; ou que je ne le mette pas, cela ne change rien pour l'image qui reste à la même taille (qui est bonne).
C'est normal ?

Louis-Nicolas Leuillet · Accepted Answer

Oui, c’est normal : flex-basis ne redimensionne pas directement une image comme width, il définit seulement la taille de base d’un élément flex sur l’axe principal, et uniquement si l’élément est bien un enfant direct d’un conteneur en display: flex et que rien d’autre ne contraint sa taille.
Or une image possède une taille intrinsèque (sa taille réelle en pixels) et, si elle tient déjà correctement dans l’espace disponible ou si un width , max-width ou les contraintes du conteneur s’appliquent, flex-basis: 300px n’aura aucun effet visible.
C’est pourquoi ajouter ou retirer cette propriété ne change rien dans ton cas

René Barousse · Answer

je precise que l'image a deja une résolution de 300*200

Flex-basis n'a pas d'effet visible sur l'image

Formation Apprendre HTML (legacy)