Box-model - Marc Séguin

Pour cet exercice, vous devez mettre en valeur des toiles de l’artiste peintre québécois Marc Séguin en ajoutant uniquement du CSS.

Aperçu du résultat 👇

Matériel

Pen de départ

Couleurs

• couleur de fond = #888888
• bordure noire ⚫️ = #000000
• couleur de fond blanc ⚪️ = #ffffff

Requis

• Attribuez la couleur de fond grise à la page.
• Faites en sorte que chaque peinture s'affiche une à côté de l'autre et est une largeur de 220px sans pour autant déformer lesdites peintures.
• Pour chaque image, ajoutez une bordure noire ⚫️ de 15px ainsi que la couleur de fond blanc ⚪️ et faites en sorte que 50px de la couleur de fond soit visible de chaque côté de la peinture, donc à l'intérieur de la bordure.
• Laissez un espace vide de 30px de chaque côté des peintures afin de les laisser respirer.

Bonus

• Faites en sorte que toutes les toiles soient alignées verticalement ensemble.

Notes de cours

Display
block, inline, inline-block, none

Width & Height
min-width/height, max-width/height

Margin
marge extérieur

Padding
marge intérieur

Border
border, border-radius