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

#888888 #000000 #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
Border border, border-radius
Margin marge extérieur
Padding marge intérieur