Advent
CSS
CSS24 CSS Challenges for the Season
Starts December 1, 2022
Powered by
24 Challenges
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, ways to push yourself, and steps to help you get started.
24 Challenges & Solutions
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, ways to push yourself, and steps to help you get started.
You'll also receive the final coded solution and a tutorial explaining how to get there.
Bundled with
JavaScript Challenges
All 24 CSS Challenges and their solutions. Plus 24 JavaScript challenges and their solutions from Advent of JavaScript.
For 24 days, you’will get an email outlining a CSS challenge
Each challenge includes:
- All the assets you need to get started, including a Figma design file (if you don't have a Figma account, don't worry it's FREE)
- A brief on how to get started, with ideas to test yourself, and FAQs.
Complete the challenge
Complete the challenge on your own, or refer to the (paid) tutorial and final coded solution.
Share your success.
When you’re finished call you mom! Tweet about it! Stick your code on GitHub. Post a picture on Instagram. Talk about it on Facebook. Use the hashtag #adventofcss.
The best way to learn is through real world projects and components. Build things! Practice. Challenge yourself. Not sure what to build? With Advent of CSS, you'll get 24 challenges via email, every day, December 1 - 24, 2022.
Who is it for?
These challenges are perfect for beginner to intermediate developers (or designers) who want to become more comfortable with their CSS styling skills.
Before accepting this challenge, you really should know basic HTML and CSS.
You learn best through implementation. Once you’ve applied your knowledge to a specific project, learning concepts are solidified.
Who Are You?
My name is
Amy Dutton. I’m the Director
of Design at ZEAL. I co-host a podcast
called Compressed.fm
and teach developers how to design and develop at
SelfTeach.me.
Join the Challenge
24 Challenges
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, ways to push yourself, and steps to help you get started.
24 Challenges & Solutions
Each challenge includes all the assets you need to get started, including a Figma file, a style guide, a brief, ways to push yourself, and steps to help you get started.
You'll also receive the final coded solution and a tutorial explaining how to get there.
Bundled with
JavaScript Challenges
All 24 CSS Challenges and their solutions. Plus 24 JavaScript challenges and their solutions from Advent of JavaScript.