Uitdaging: Repareer een Gebroken Lay-out

Je krijgt drie kaarten. Werk de lay-out bij volgens de volgende vereisten. Elke kaart moet:

• Een breedte van 200px hebben.
• 20px interne ruimte bevatten.
• 15px ruimte tussen de kaarten hebben.
• Een rand hebben van 2 pixels breed, met een solide stijl en grijze kleur.
• De opgegeven breedte onveranderd houden, zelfs na het toevoegen van opvulling en rand.

• Gebruik de eigenschap width om de breedte van het element te bepalen.
• Gebruik padding voor interne ruimte.
• Gebruik margin om ruimte tussen de kaarten te creëren.
• Gebruik border: 2px solid gray om de rand toe te voegen.
• Gebruik box-sizing: border-box om te voorkomen dat opvulling en rand de totale breedte vergroten.