Lesson 5 of 7

Dress up your cards with CSS

Name: HTML for Builders — Level 2
Price: 6.99 EUR
Availability: InStock

Inside <style>, the rule .card { … } applies to all your cards at once.

Three magic properties: border (the outline), padding (the inner space) and background (the background colour).

<style>
  .card {
    border: 2px solid #181a33;
    padding: 16px;
    background: #fff3d6;
  }
</style>

🎯 Your mission

Add a <style> that gives the .card: a border, some padding and a background colour (background).

PRO lesson

This advanced chapter is part of CodeAge PRO. Unlock it to keep your adventure going.