easy CSS Fundamentals CSS

Style My Profile

The Brief

The HTML for a profile card has been built for you. Your job is to style it using CSS. Give the card a background colour, some padding, rounded corners, and a subtle shadow. Make the name stand out and centre everything inside the card.

Acceptance Criteria

Tap a criterion to mark it off as you work. Tap a category header to expand or collapse.

1 The .profile-card has a non-white background colour

2 The .profile-card has padding of at least 16px

3 The .profile-card has a border-radius (rounded corners)

4 The .profile-card has a box-shadow

5 The h1 has a different font-size to the paragraphs

6 Text inside .profile-card is centred (text-align: center)

💡 Hints 0 / 3

Guest Mode Attempt freely, or log in to earn EXP & CodeCoins.

index.html

Live Preview