Dubai, United Arab Emirates
contact me
contact.ivwebdev (at)

Advanced CSS and SASS: Flexbox, Grid, Animations and more!

Instructor: Jonas Schmedtmann

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

Main topics covered

»Modern cutting-edge CSS techniques to create stunning designs and effects

»CSS animations with @keyframes, animation and transition

»CSS selectors, pseudo-classes and pseudo-elements

»How CSS works behind the scenes

»CSS architecture

»Introduction to Sass: variables, nesting, partials, imports, mixins, functions, extends

»Using Sass in real-world projects: setting global variables, building for reusability, architecting CSS and managing media queries

»The NPM ecosystem: setting up a development process to compile Sass and automatic browser reload, and creating a build process to concatenate, prefix and compress CSS files

»Modern responsive design: fluid grids, layout types, flexible images, using media queries to test for different screen widths, pixel densities and touch capabilities

»Responsive design workflows: mobile-first vs desktop-first strategies, selecting breakpoints, em vs rem units and feature queries to test for browser support

»Responsive images in HTML and CSS for faster pageloads

»SVG images in HTML and CSS

»Videos in HTML and CSS: building a background video effect

»Flexbox layouts: main concepts, introduction to both flex container and flex item specific properties, advanced positioning techniques applied to real-world project

»CSS Grid layouts: main concepts, CSS grid vs flexbox, and layout techniques applied to a real-world project

contact.ivwebdev (at)

Find me on: