Lesson 4 of 5

Classes, your CSS superpower

Name: HTML & CSS for Makers
Availability: InStock

A class marks an element: <div class="card">. In CSS you target it with a dot: .card { … }.

Classes are reusable: ten cards can share the same style.

<div class="card">…</div>
<style>
  .card {
    border: 2px solid #181a33;
    padding: 16px;
  }
</style>

🎯 Your goal

Create a <div class="card"> around some content, then style .card with a border and some padding.

index.html

Loading editor…

Preview

Run your code to see your page here.

📘Classes, your CSS superpower