Ratio
Ces classes CSS permettent de définir le ratio d'un élément parent. Elles sont utiles pour assurer un aspect cohérent à des éléments contenus, comme une image ou une vidéo.
Ratio 16:9
HTML
<div class="ratio-16x9">
<img src="path/to/image" alt="Description de l'image" />
</div>
Ratio 1:1
HTML
<div class="ratio-1x1">
<img src="path/to/image" alt="Description de l'image" />
</div>
Ratio 4:3
HTML
<div class="ratio-4x3">
<img src="path/to/image" alt="Description de l'image" />
</div>
Cover
HTML
<div class="bg-cover">
<img src="path/to/image" alt="Description de l'image" />
</div>