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.