Pour préparer nos futurs effets d’image, nous allons mettre en place un composant de carte qui comporte une grande image en haut, suivie d’un titre et d’une description. Le problème habituel de cette configuration est que nous n’avons pas toujours un contrôle parfait de l’image et, plus important encore pour notre mise en page, de ses dimensions. Bien que ce problème puisse être résolu en recadrant l’image à l’avance, nous pouvons toujours rencontrer des problèmes dus à des conteneurs de taille réactive. Il en résulte des positions inégales du contenu des cartes, ce qui est particulièrement frappant lorsque vous présentez une rangée de cartes.