Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!


Code Editor
Web Browser
Your First Sass Stylesheet

Sass: Overview

Let's get started! Sass has many perks that enable us to write succinct, readable code. In this lesson we will explore three concepts:

  • Variables
  • Mixins
  • Nests

In the process, you'll use Sass to style your very own website for a lemonade stand.


Take a look at the Sass code in main.scss and compare it to the CSS equivalent in main.css. What differences do you notice?

Hint: Both versions produce the same effects!

We will be editing these files to style the website appropriately.

Community Forums
Get help and ask questions in the Codecademy Forums
Report a Bug
If you see a bug or any other issue with this page, please report it here.