CSS Challenge

A set of little CSS puzzles to practice your styling skills by Alex

Day 01

Create a «refresh» button that does a full turn on click.

• Template
• Solution

Day 02

Create a classic flying label input.

• Template
• Solution

Day 03

Create a custom checkbox.

• Template
• Solution

Day 04

Create a «fixed» overlay for scrollable container

• Template
• Solution

Day 05

Make a sticky header with shadow appearing only when it's «stuck»

• Template
• Solution

Day 06

Create a «fixed» overlay for scrollable container

• Template