Learning Graphic Design

CSS – The Complete Guide 2022 (incl. Flexbox- Grid & Sass)

Learn CSS for the first time or brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS

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

CSS – short for Cascading Style Sheets – is a “programming language“. You use it to turn your raw HTML pages into real beautiful websites. 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. We do this by showing practical examples and the theory behind them.

In starting, CSS might look easy. There is actually a lot of depth to CSS. This course provides different “Tracks” or “Entry points” to exactly meet your demands and reflect your current knowledge level:

  • The Basics Track: Start from scratch, and 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 and what selectors are and how it works. You want to dive in deeper and learn some advanced features and usages.
  • The Expert Track: You got the advanced knowledge. You want to dive into things like Flexbox, CSS Grid, CSS Variables, or Sass. This track is for you.

What is in the course? This is all applied to the mentioned course project:

  • The basics about selectors, and combinators.
  • Properties, values, and declarations
  • How specificity and inheritance work. Why did it call “Cascading” Style Sheets?
  • Important theoretical concepts like the “Box Model”
  • How the default position of elements will be change
  • Styling backgrounds (gradients) and images
  • Which units and dimensions do you typically use in CSS (px, em, %, 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

Who this course is for:

  • Anyone who wants to learn CSS for the first time or wants to sharpen his or her CSS skills
  • Who’s excited to learn about the latest CSS features like Flexbox, CSS Grid, or CSS Variables
  • Who knows CSS and wants to dive deeper

divineworks

Recent Posts

ElevenLabs Tutorial for Beginners — How to Create Studio-Quality Voiceovers in Under 10 Minutes

New to ElevenLabs? This step-by-step tutorial shows you how to create studio-quality AI voiceovers in…

12 hours ago

How to Sell on Creative Market in 2026 — The Passive Income Strategy Most Etsy Sellers Are Completely Missing

Most Etsy sellers are leaving a second passive income stream on the table by ignoring…

2 days ago

Rewarx Studio Tutorial for Etsy Sellers — The Exact 5-Step Process for Product Photos That Actually Sell

Most Etsy sellers use Rewarx Studio the wrong way and wonder why their listings don't…

3 days ago

Why Your Clip Studio Paint Portraits Look Flat — The 4 Face Drawing Fixes Every Digital Artist Needs

Your Clip Studio Paint portraits look flat for one reason — and it is not…

4 days ago

3 Graphic Design Business Books Every Freelancer Needs — Most Designers Find Them Years Too Late

Most graphic designers spend years mastering their craft and almost no time learning how to…

5 days ago

Etsy Sellers Are Still Paying $200 for Product Photos — When This AI Tool Does It for $9.90

Every Etsy seller knows bad product photos kill conversions — but with four AI photography…

6 days ago