Aller au contenu

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 👇

display-celeste-resultat

Matériel

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

icon (24)
Display
block, inline, inline-block, none

icon (25)
Vertical-align
baseline. top, middle, bottom, super, sub