Introduction
Dans ce laboratoire, nous allons apprendre à créer un conteneur réactif avec un rapport de forme spécifié à l'aide de CSS. Vous allez être présenté à la propriété personnalisée --aspect-ratio
et à la manière d'utiliser la fonction calc()
pour calculer la hauteur du conteneur. Vous allez également apprendre à définir l'élément enfant pour maintenir le rapport de forme à l'aide de la propriété object-fit: cover
. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière de créer des conteneurs visuellement attrayants et réactifs sur vos pages web.