Skip to main content
CodeOath
← All challenges

Challenge

Dashboard Metric Tiles

Medium
  • css
  • flexbox
  • design-match

Match the target: three dashboard tiles in a row, each with a label, a large value, and a colored delta badge showing the change versus last week.

Check your work against

  • Three equal-width tiles in a row, each a bordered card with consistent padding
  • Each tile shows a small label, a large numeric value, and a colored delta badge
  • At least one tile's delta is positive (green) and one is negative (red)
  • The delta badge includes a direction indicator, not just color

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.