Build a Coffee Shop Menu
Style a hand-printed coffee shop menu with a centered card, aligned item prices, separators, and a featured drink treatment.
HTML & CSS
Challenge overview
- Format
- Build a Component
- Category
- HTML & CSS
- Difficulty
- Beginner
htmlcssflexboxbox-modeltypographyborders
Keep practicing
More coding challenges
JavaScript · Intermediate
Build a Field Notes Checklist
Add delegated checklist toggles, persistent status filters, and accessible progress updates to a field journal, including an accurate empty state.
View challengeHTML & CSS · Beginner
Build a Flexbox Navigation Bar
Use CSS Flexbox to align a semantic site header, place the brand and navigation apart, and space the navigation links in one clear row.
View challengeTypeScript · Advanced
Build a Generic Result Wrapper
Build a generic TypeScript Result type and helper functions that preserve each success value's type while representing failures safely.
View challenge