Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards and more using pure CSS!
- Styling nested elements
- Centering and alignment
- Transitions
- Pseudo elements
- Hover effects
- Keyframe animations
- Word carousel
- CSS grid
- Flexbox
- calc()
- Position
- Shapes
- Aspect ratio
- CSS variables
- Simple profile layout
- Toggles
- Progress bars
- Design matching