Task 9 - Advanced CSS

Task 9: Advanced CSS

Task description: Use CSS for colors, fonts, and spacing to style your HTML.

What you must include

At least one HTML element with an id attribute
At least one HTML element with multiple classes (space-separated)
A CSS ID selector (for example, #card { ... })
A CSS pseudo-class (for example, :hover or :focus)

Bonus ideas: Add responsive CSS (@media or flexible units) and advanced selectors.

Example topic

You could style a card, a button, or a text section with colors and spacing.

Instructions

Open your HTML and CSS files in your code editor.
Write your HTML and CSS.
Copy your HTML code and paste it into the HTML box below.
Copy your CSS code and paste it into the CSS box below.
Click Check My Code.
Fix any errors and try again.

Paste your HTML code below

Paste your CSS code below

Your results will appear after you click the button. Bonus checks unlock after all required checks pass.