New web learners
You’ve started learning web development and can write basic HTML, but your pages still look plain. This course helps you turn that structure into designs you’re proud to share.
CSS - The Complete Guide (incl. Flexbox, Grid & Sass)
Learn CSS for the first time or brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS.
Course Overview
About This Course
You can write HTML that works—and still feel stuck when it comes to making it look the way you imagine. Maybe your layouts break as soon as the screen size changes, or you’re tweaking styles by trial and error and hoping nothing else collapses.
This course gives you a clear path through CSS, with different entry points depending on where you are: start from scratch, jump into advanced usage, or go straight to expert topics. You’ll get both the “why” behind CSS behavior and practical examples that make the rules feel predictable.
By the end, you’ll be able to style pages confidently, create responsive layouts, and add polished UI details that make a site feel real—without guessing. You’ll know how to approach a design, implement it cleanly, and troubleshoot when the browser doesn’t do what you expected.
What You'll Learn
You’ll go from writing basic styling rules to building responsive, animated interfaces using modern layout systems and maintainable CSS patterns.
Write solid CSS rules
Create styling rules with selectors and combinators, and work confidently with properties, values, and declarations so you can target elements precisely instead of “trying random things.”
Control the cascade
Predict which styles win by understanding specificity, inheritance, and why CSS is called “Cascading” Style Sheets—so you can fix conflicts quickly and avoid fragile overrides.
Master sizing and layout
Use the Box Model, positioning, and common units like
px,rem, and%to build layouts that behave consistently across components and screen sizes.Build responsive UIs
Implement responsive design with media queries and a Mobile First approach, so your pages adapt cleanly from small screens to large displays without redesigning everything.
Create modern layouts
Lay out pages with Flexbox and CSS Grid, and choose the right tool for the job by understanding how Grid differs from Flexbox in real layout scenarios.
Add polish and maintainability
Style text, fonts, backgrounds (including gradients), images, forms, and inputs; add transitions, transforms, and animations; and write future‑proof CSS with CSS variables, best‑practice class names, and Sass.
Ready to get started?
Prerequisites
You should know the very basics of HTML and web development in general.
No CSS knowledge is required.
Who Is This Course For?
CSS self-taught users
You already use CSS, but it’s mostly trial-and-error and you’re never sure why something works. You’ll get the mental model that makes styling decisions feel reliable.
Improving CSS developers
You know selectors and the basics, and you’re ready to go deeper into modern CSS features and workflows. This course is a focused next step to sharpen and expand your day-to-day CSS skills.
Curriculum Overview
Start NowPreview the structure and pacing of this course before you begin.
And 11 more sections in the full course.
Ready to Get Started?
Choose the option that works best for you.
Single Course
CSS - The Complete Guide (incl. Flexbox, Grid & Sass)
One Payment. Lifetime Access.
$69one-time
- One-time payment
- All future updates for this course
- Downloadable resources & code
- Certificate of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Lifetime access
Most Popular
All-Access Membership
Everything we teach. One subscription.
$25/mo
$4,335+ worth of courses
- Full access to all courses
- All future courses included
- Downloadable resources & code
- Certificates of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Cancel anytime