Core Concepts of Modern CSS 2023

Learn every major CSS feature in a fast and fun way! Includes Flexbox, Grid, Media Queries, Animation and much more.

Save time by focusing on the concepts and start building your dream website!

What you’ll learn

  • Animation, fonts, positioning strategies, box model, flexbox, grid … It’s all included!.
  • Each major CSS feature has its own standalone section and can be completed on its own..
  • Master the fundamentals of CSS as well as advanced systems.
  • Style websites that fit every screen using media queries.
  • Tons of challenges and quizzes (including walkthroughs and solutions).
  • Apply the most recent features of CSS like nesting and layers.
  • Successfully debug styling conflicts using browser developer tools.

Course Content

  • Welcome –> 2 lectures • 3min.
  • CSS Basics –> 13 lectures • 54min.
  • Box Model –> 8 lectures • 22min.
  • Positioning elements –> 7 lectures • 27min.
  • Fonts –> 6 lectures • 20min.
  • Background images –> 6 lectures • 20min.
  • Responsive websites –> 5 lectures • 17min.
  • Flexbox –> 6 lectures • 19min.
  • CSS Grid –> 7 lectures • 30min.
  • Transforming and animating elements –> 6 lectures • 26min.
  • Modern CSS: Tips and tricks –> 5 lectures • 18min.
  • Goodbye –> 1 lecture • 1min.

Auto Draft


Save time by focusing on the concepts and start building your dream website!

I firmly believe that learning the core concepts of a technology is enough to hit the ground running. That’s why this course is like no other and will spare you all unnecessary details you will hardly ever need in your programming career. Hence, you will breeze through the lessons and actually complete the entire course in no time.
But this course doesn’t stop there! It not only teaches you the core concepts but also provides helpful resources and essential debugging skills to solve any styling issues. So, if you encounter a special case this course did not cover, you are well-equipped to find a solution effortlessly on your own. The ability to solve problems independently is a fundamental skill every programmer absolutely needs to succeed.
Upon completion you will be confident to take on any CSS task!

What’s the best thing about this course?

Every major CSS feature has its dedicated section and can be completed on its own.
Are you a complete beginner? Then I recommend starting with the section about CSS basics.
Are you already familiar with the fundamentals like selectors, units and specificity? Then you can freely decide what feature you would like to learn next. You could jump straight into advanced layout systems like flexbox and the CSS grid, or immediately start learning about animations or positioning strategies or responsive design. The choice is yours!
Almost every section comes with a quiz and an exercise to cement your newly gained knowledge. Of course, solutions and walkthroughs are provided.


Join me on this exciting journey! I am looking forward to seeing you.


Get Tutorial