Search courses ranked by devsSee how

1 recommendation
1recommend

CSS Challenges

Treasure Porth
Treasure Porth
Scrimba
Scrimba
Recommended

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 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

Duration

2 hours 36 minutes

Format

video

Certificate

Not included

Pricing

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

Suggest an edit
Loading reviews...