CSS: Make It Look Good

HTML is the content; CSS is the style. Colours, fonts, spacing, rounded corners — all of it comes from a handful of CSS rules.

<style> h1 { color: teal } </style>

1. 1Add a style block

   Add a <style> tag above your HTML.

   <style>
     body { font-family: system-ui; padding: 24px; }
   </style>

2. 2Colour the heading

   Add a rule for h1 with a colour and font size.

3. 3Style a card

   Give a div a background, padding, and rounded corners.

4. 4Use the class

   Add a div with class="card" in your HTML.