Scrimba CSS & Design Courses
Scrimba's CSS track covers layout, responsive design, utility frameworks, animation, and visual UI design. CSS is visual, so the interactive format fits it well: you change a value in the lesson and watch the box move.
Where to start
Start with the free Learn HTML and CSS (5.7 hrs). It builds the foundation every other course here assumes. From there the layout pillars, Learn Flexbox and Learn CSS Grid, carry most modern layouts.
All CSS and design courses
| Course | Level | Access | Length |
|---|---|---|---|
| Learn HTML and CSS | Beginner | Free | 5.7 hrs |
| Learn Flexbox | Intermediate | Pro | 53 min |
| Learn CSS Grid | Intermediate | Pro | 1.1 hrs |
| Learn CSS Variables | Intermediate | Pro | 29 min |
| Learn CSS Animations | Intermediate | Pro | 2.0 hrs |
| Learn Responsive Web Design | Intermediate | Pro | 15.1 hrs |
| Learn Tailwind CSS | Intermediate | Pro | 2.2 hrs |
| Build a Product Card with Tailwind CSS | Intermediate | Pro | 1.3 hrs |
| Learn Bootstrap | Intermediate | Pro | 56 min |
| CSS Challenges | Intermediate | Pro | 2.6 hrs |
| Intro to UI Design Fundamentals | Intermediate | Free | 1.2 hrs |
| Learn UI Design | Intermediate | Pro | 8.6 hrs |
How to progress
Run Learn HTML and CSS, then the layout pillars Learn Flexbox and Learn CSS Grid. Follow with Learn Responsive Web Design, the deepest course here, and Learn Tailwind CSS since Tailwind is the default for new React and Next.js work. If you want the designer's eye and not just the syntax, finish with Learn UI Design.
Where it fits
CSS is the front half of the Frontend Developer Path and feeds into the Fullstack Developer Path. Browse every track on the Learning Paths hub.
Related
- React courses, JavaScript courses, and all courses
- Practice CSS Grid, practice Flexbox, and practice Tailwind CSS
- Scrimba pricing
Get the full CSS and design track
Free HTML and CSS gets you started. Pro unlocks the responsive bootcamp, Tailwind, animations, and the UI design course.
Use our partner link to get 20% off the Pro plan.