Display - Celeste

Pour cet exercice, vous devrez complétez la carte de présentation de Madeline, l’héroine du jeu Celeste.

Aperçu du résultat 👇

Matériel

Note

Pen de départ

Note

Une feuille de styles externe est utilisée afin d’attribuer de légers styles de bases aux différents éléments de la page afin de faciliter leur visualisation.

Requis

• Ciblez les différents éléments de la carte en CSS afin de changer leur affichage dans le flux de la page et ainsi recréer l'aperçu visible plus haut ☝️. Pour ce faire, il faudra modifier leur propriété display.
• Utilisez la propriété vertical-align lorsque nécessaire afin de respecter l'affichage demandé.

Notes de cours

Display
block, inline, inline-block, none

Vertical-align
baseline. top, middle, bottom, super, sub