Challenge

Pricing Card

Easy

css
flexbox

Make a pricing card for one subscription plan: the plan name, a large price, a short list of features and a call-to-action button. Just the one card, not a whole pricing page.

Check your work against

The card has a visible border or shadow separating it from the page background
Plan name, price, and at least 3 features are all visible
The CTA button is clearly clickable — a hover state changes its appearance
Content has consistent padding/spacing (nothing touching the card's edges)

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.