Search courses ranked by devsStop wasting time. Search coding courses, tutorials, and books — ranked by developers who voted for themSee how→
CSS Challenges

Extra perks unlocked via skillcraft.ai link
This hands-on course will guide you through engaging challenges covering a wide range of CSS techniques. Along the way, you'll refresh and refine your knowledge of all the key CSS features, from transitions and pseudo-elements to hover effects, keyframe animations, and much more! Looking for practical CSS experience? This course has that, too! You'll put your knowledge to the test by recreating instantly-recognizable components from sites such as Github, Codepen, and Instagram. After completing each challenge, you'll compare your solution with the one provided by our in-house CSS expert. This experience is akin to pair programming, allowing you to learn from their expertise and gain valuable insights. By the end of this course, you will not only have a comprehensive understanding of CSS but also have gained practical experience in recreating components from well-known apps from around the web. This knowledge will equip you to tackle any CSS challenge with confidence. CSS knowledge at the ready? Let's get started.
Instructor

Treasure Porth
Treasure has been working as a software engineer and teaching code since 2015, when she switched careers after attending a free local bootcamp. She tries to make every subject as simple and accessible as possible, and is passionate about affordable education and helping others break into the tech industry.
Course details
2 hours 36 minutes
video
Not included
Free
What you'll learn
Style nested elements using CSS
Center and align content with Flexbox and Grid
Apply smooth transitions between element states
Use pseudo-elements ::before and ::after
Prerequisites
Basic knowledge of HTML and CSS
Understanding of CSS selectors and properties
Familiarity with CSS box model
Who this course is for
Intermediate CSS developers looking to test their skills
Frontend developers wanting practical CSS challenges
Students wanting hands-on experience with real-world CSS
Developers looking to recreate popular UI components
Curriculum
Introduction
1 lesson
Basic Challenges
6 lessons
Component Recreation
8 lessons
Loading Animations
6 lessons
CSS Art & Shapes
6 lessons
Flags Challenge
14 lessons
Interactive Components
10 lessons
Conclusion
2 lessons
Notice something missing?
Help us improve this course information for the community