Advanced CSS and Sass: Flexbox, Grid, Animations and More!
The most advanced and modern CSS course on the internet: master flexbox, CSS Grid, responsive design, and so much more.
What you’ll 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
Who this course is for:
- 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!