Codeloft
0 0 XP

Project: your profile card

15 min 50 XP + 10 for no hints

Time to combine what you know. You'll build a small profile card, the kind you see on team pages and portfolios.

Work through the checklist in any order. Each item ticks the moment it works, and you can style the card however you like.

Keep the HTML for the card inside one <div class="card">, then style .card in the style block.

Your tasks

0 of 6 done
  1. Add a <div> with the class card
  2. Put your name in an <h2> inside the card
  3. Add a short bio in a <p> inside the card
  4. Add a link inside the card
  5. Give .card padding, a border and rounded corners
  6. Set a max-width so the card doesn't stretch
card.htmlUpdates as you type