Best Scrimba CSS & Design Courses (2026)
Quick Answer: Browse courses in this category. See below for recommendations and learning order.
Last reviewed: March 2026.
Scrimba offers 14 courses covering CSS fundamentals, frameworks, and UI design.
Who This Is For
Learners exploring this course or topic.
Recommended Learning Order
- HTML & CSS basics — Learn HTML and CSS or HTML & CSS Crash Course (both free)
- Layout — Flexbox, then CSS Grid (the two pillars of modern layout)
- Responsive design — Media queries, mobile-first approach
- Tailwind CSS — Utility-first framework (faster styling for React/Next.js projects)
- Polish — Animations, variables, UI design principles
Modern CSS Features
Today's CSS goes beyond Flexbox and Grid. Key features covered across Scrimba's courses:
- Container queries — Style based on container size, not viewport
:has()selector — Parent selectors (e.g., "form that has an error")- Aspect ratio —
aspect-ratio: 16/9for videos and cards - CSS variables — Custom properties for themes and tokens
- Cascade layers —
@layerfor controlling specificity
Tailwind CSS
Tailwind uses a utility-first approach: you apply small, single-purpose classes (e.g., flex, justify-center, text-lg) instead of writing custom CSS. It's the standard for React and Next.js projects. Scrimba's Tailwind course teaches the basics; the Product Card project applies it to a real component. See Tailwind's docs for the philosophy.
All CSS & Design Courses
| Course | Duration | Level | Access |
|---|---|---|---|
| Learn HTML and CSS | 5.7 hrs | Beginner | Free |
| HTML & CSS Crash Course | 4 hrs | Beginner | Free |
| Learn Tailwind CSS | Available | Intermediate | Pro |
| Build a Product Card with Tailwind | Available | Intermediate | Pro |
| Learn CSS Grid | Available | Beginner | Pro |
| Learn Flexbox | Available | Beginner | Pro |
| Learn CSS Animations | Available | Intermediate | Pro |
| Learn CSS Variables | Available | Intermediate | Pro |
| Learn Responsive Web Design | Available | Intermediate | Pro |
| CSS Challenges | Available | Intermediate | Pro |
| Learn UI Design | 8 hrs | Intermediate | Pro |
| UI Design Fundamentals | Available | Beginner | Pro |
| Learn Bulma CSS | Available | Intermediate | Pro |
| Learn Bootstrap | Available | Beginner | Pro |
CSS in the Learning Paths
- Frontend Developer Path — Essential CSS, Responsive Design, UI Design modules
- Fullstack Developer Path — All CSS modules plus more
Choose This If
Choose this category if: You need courses in this area. Follow the recommended order when listed.
Related Pages
Ready to start learning?
Get full access to all Scrimba courses, paths, and community with Scrimba Pro.
Use our partner link to get 20% off the Pro plan.
Ready to Upgrade Your Learning?
Use our partner link to claim 20% off Scrimba Pro and unlock all courses and career paths.