CSS Challenges

---

English version of Desafio CSS.

Here you'll have a list of CSS'S challenges to improve you skills, there are a lot of levels to help you demystify this languange.

All challenges will only require css and html.

Altogether there will be 12 challenges that I recommend to be done once a week, for those who are starting with the css. If you are more advanced you can do 3 per week, and for the more 'hard mode', you can do one per day in 12 days.

Challenges

• Challenge 1 - Variables
• Challenge 2 - Designing with CSS
• Challenge 3 - Toggle
• Challenge 4 - Dropdown
• Challenge 5 - Modal
• Challenge 6 - Tooltip
• Challenge 7 - Input with Float Label
• Challenge 8 - Animations
• Challenge 9 - CSS Grid
• Challenge 10 - SVG
• Challenge 11 - Collapsible Sidebar Menu
• Challenge 12 - Dark Mode

Bonus

• Bonus 1 - Input with Icon
• Bonus 2 - Page scroll progress bar (This one has JS)

Collection on CodePen

Doubts

Did any doubts came up?

Tips?

Suggestions?

Spelling Correction?

Don't be shy:

• Send an email
• Say hi at telegram
• Or even create an issue that we'll resolve.

Let's change the world using CSS?

If you liked this challenge don't forget to tell me. Have you missed some techniques or you would like to know new techniques don't forget to say it.

Have more?

Are you interested in css but don't have a path to follow? You can follow in the steps of CSS Mentoring