Dans le cours : CSS : Maîtriser les Flexbox

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 100 cours dispensés par des experts.

Redimensionner des images sans les tordre

Redimensionner des images sans les tordre - Tutoriel CSS

Dans le cours : CSS : Maîtriser les Flexbox

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Redimensionner des images sans les tordre

“

Il ne nous reste plus que quelques petits ajustements à faire pour finaliser cette page web. Par exemple, on voudrait harmoniser la hauteur des images au sein de nos cartes. C'est particulièrement visible ici, dans la deuxième rangée de cartes. Donc je retourne dans ma feuille de style et je crée un nouveau style CSS pour card img, donc pour les images qui se trouvent dans ces éléments qui ont la classe card, et je vais leur donner une largeur de 100 %. Donc ces images sont aussi larges que leur conteneur, donc aussi larges que la carte dans laquelle elles se trouvent. Maintenant, pour la hauteur de ces images, je vais leur donner une hauteur fixe de 300 pixels. C'est grâce à cela que je vais harmoniser la hauteur de mes images. Elles auront toutes la même hauteur, une hauteur de 300 pixels. Je reviens dans mon document, je rafraîchis ma page et voilà, j'ai harmonisé la hauteur de mes images. Maintenant, elles ont toutes une hauteur de 300 pixels. Oui, mais du coup j'ai introduit un…

Table des matières