CSS · Exercise 5 of 5 Previous
Beginner
Style a profile card
Style this profile card using only the CSS tab:
- give the page a sans-serif font;
- give the card a background colour, a visible border, rounded corners (at least 8px), padding of at least 12px, and a max-width so it doesn't stretch across the whole screen;
- make the name a different colour from the paragraphs.
What Check tests
- The page uses a font that isn't the default serif
- The card has a background colour
- The card has a visible border
- The corners are rounded by at least 8px
- The card has at least 12px of padding
- The card has a max-width
- The name's colour differs from the paragraphs'
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.