Pour cet exercice, vous devez créer en HTML et CSS une page présentant une bande dessinée d’Andrew AKA system32comics.

Aperçu du résultat 👇

Matériel

Couleurs 🎨

Blanc cassé #fafafa

Médias 🖼️

Case 1
https://ex.smnarnold.com/width-height/system32/1.webp
Case 2
https://ex.smnarnold.com/width-height/system32/2.webp
Case 3
https://ex.smnarnold.com/width-height/system32/3.webp
Case 4
https://ex.smnarnold.com/width-height/system32/4.webp

Requis

  1. Créez-vous un Pen et attribuez-lui la couleur de fond blanc cassé ⚪️.

  2. Créez ensuite 4 balises images afin d'afficher les cases de la bande dessinée en référence.

  3. Ajoutez une classe commune à vos images afin de pouvoir les cibler avec une règle CSS unique.

  4. Faites en sorte que les images s'affichent une à côté de l'autre, sans espace vide entre elles, et qu'elle mesure le quart de la largeur de la fenêtre. Elles devraient ainsi s'afficher sur une seule ligne et la remplir, peu importe la largeur de la fenêtre.

Notes de cours 📚