CSS – The Complete Guide 2024 (incl. Flexbox, Grid & Sass)

The most advanced and modern CSS course on the internet: master flexbox, CSS Grid, responsive design, and so much more.

Created by: Jonas Schmedtmann
Web Developer, Designer, and Teacher

What Will I Learn?

• Tons of modern CSS techniques to create stunning designs and effects
• Advanced CSS animations with @keyframes, animation and transition
• How CSS works behind the scenes: the cascade, specificity, inheritance, etc.
• CSS architecture: component-based design, BEM, writing reusable code, etc.
• Flexbox layouts: build a huge real-world project with flexbox
• CSS Grid layouts: build a huge real-world project with CSS Grid
• Using Sass in real-world projects: global variables, architecting CSS, managing media queries, etc.
• Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc.
• Responsive images in HTML and CSS for faster pageloads
• SVG images and videos in HTML and CSS: build a background video effect
• The NPM ecosystem: development workflows and building processes
• Get friendly and fast support in the course Q&A
• Downloadable lectures, code and design assets for all projects

Requirements

• This not a beginner course — You should be confident in coding HTML and CSS before taking the course
• Any computer and OS will work — Windows, macOS or Linux
• There is no need for any paid software — The text editor you already have works just fine

Target audience

• CSS developers who want to update their CSS skills to the most modern level
• CSS developers who want to expand their toolset to animations, flexbox, Sass, NPM, SVG, and much more
• Front-end developers who want to finally understand how CSS works behind the scenes
• In general: anyone who wants to truly master CSS!