Gain insights into advanced CSS concepts, delve into responsive design, explore animations, learn practical projects, and discover powerful tools. Perfect for backend engineers and budding developers.

My Goal is to take you from a beginner (or intermediate) CSS user to becoming one of the best CSS devs you know! 


👉🏻 COURSE CONTENT?
1. A detailed look at CSS Fundamentals
2. Practical SVG for today
3. A Sane Guide to Responsive Design
4. Creating sleek Interfaces with CSS Animations and Transitions
5. Writing Maintainable CSS and tips for CSS at Scale
6. Learn the CSS Grid by Building ... wait for it! 😉
7. Get a Private slack Invite where you can ask me anything
8. Gain a Solid Understanding of CSS Fundamentals 
9. Build Practical Projects
10. Flexbox, Variables, Gradients, Backgrounds, Responsive Images, Handy pro tools, and many more! 

👉🏻 WHAT ARE THE REQUIREMENTS?
The course assumes no previous knowledge of CSS

👉🏻 WHAT'S THE TARGET AUDIENCE?
1. Backend Engineers looking to level up their frontend design skills 
2. Budding developers looking to create beautiful applications 
3. Generally, engineers who want to stand out by truly understanding the internals of CSS

Ready to upgrade?

The Complete Advanced Guide to CSS

# Introduction
This particular lesson has been written with a beginner in mind. If you're an intermediate CSS developer, feel free to skip this. There are more useful tips in later lessons. 



# What is CSS?
I am not a very big fan of boring, technical definitions. So, below is my definition.

 
<span style="color:#fff; background-color:rgba(52,152,219 ,1); width: 95%; display: block; margin: 50px auto; padding: 40px; text-align:center; box-shadow: 2px 15px 30px -10px rgba(0,0,0,0.4);">**CSS _(Cascading Style Sheet)_ is the style language for the web.**</span>

Every beautiful thing you see on the web is largely powered by CSS. That's the very simple way to put it. 

However, CSS is not only used for the web. It may also be used to style any other documents written in a markup language. 

HTML is a markup language, remember ?

This means you can style HTML (and other markup languages) with CSS.

Let's take a look at what that means, in plain English.



# Introduction
This particular lesson has been written with a beginner in mind. If you're an intermediate CSS developer, feel free to skip this. There are more useful tips in later lessons. 



# What is CSS?
I am not a very big fan of boring, technical definitions. So, below is my definition.

 
<span>**CSS _(Cascading Style Sheet)_ is the style language for the web.**</span>

Every beautiful thing you see on the web is largely powered by CSS. That's the very simple way to put it. 

However, CSS is not only used for the web. It may also be used to style any other documents written in a markup language. 

HTML is a markup language, remember ?

This means you can style HTML (and other markup languages) with CSS.

Let's take a look at what that means, in plain English.



CSS stands for Cascading Style Sheets. What does it do? What is CSS and why use it? In this section, we will take a look at a proper introduction to CSS.

Introduction

Getting started with CSS

Oh My Selectors!

CSS Fundamentals Everyone Should Know

Colors, colors, colors!

We all Need Units

Typography in CSS

The Box Model

Challenge: Hands-on Practice with Texts, Margin, Padding and Borders

Getting creative with Backgrounds

Project: Build a Movie Order Page

Making Sense of CSS Gradients

Hands-on Practice with Gradients

Project: Build a Sign Up Page for a Startup

{New} Teach Me Positioning Like I'm Five

{New} A Detailed Look at CSS Variables ( a.k.a Custom Properties )

{New} CSS Variables Real World Applications

{New} Long Live the CSS Grid

Final Words

Getting Started: Baby Steps

Introduction

What is CSS?