Skip to main content
CodeOath
← All challenges

Challenge

Profile Card

Easy
  • css
  • flexbox
  • design-match

Match the target: a centered avatar, a name and role, a short bio line, and a row of three stats separated by thin dividers. The solution preview is the spec here — build against it, not a written brief.

Check your work against

  • A circular avatar with an initials fill, centered above the name
  • Name, role and bio read as three distinct sizes/weights, in that order
  • Exactly three stats in a row, each a bold number over a small label
  • A thin vertical divider separates each stat from its neighbor

No automatic grading

Check your work against the list above, then compare it with the solution preview.

Tab indents. Press Esc, then Tab to leave the editor.

Live preview

Starter loaded. The preview updates as you type.