This course covers it all - we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.

Getting started with CSS might look easy but there actually is a lot of depth to CSS - hence this course provides different "Tracks" or "Entry points" to exactly meet your demands and reflect you current knowledge level:

• The Basics Track: Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.

• The Advanced Track: You already know the CSS basics, you know what selectors are and how it works but you want to dive in deeper and learn some advanced features and usages.

• The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables or Sass. This track is for you.

All tracks are in their respective branches, you can navigate between them using the selector.

• The basics about selectors, combinators and how you set up styling rules in general

• Properties, values and decalarations

• How specifity and inheritance work and why it's called "Cascading" Style Sheets

• Important theoretical concepts like the "Box Model"

• How the default position of elements can be changed

• Styling backgrounds (e.g. gradients) and images

• Which units and dimensions you typically use in CSS (px, rem, % and more)

• How JavaScript and CSS interact

• Responsive design and what "Mobile First" means

• Styling forms and form inputs

• Working with text, fonts and text styles

• Flexbox! How it works and how to use it

• Using the CSS Grid and how it differs from Flexbox

• Transforming and animating HTML elements with the help of CSS

• Writing future-proof CSS with features like CSS variables or best-practice class names

• Using Sass and what it actually is all about