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

Congrats, you've written your first nested selectors!

In SCSS, nesting is not limited only to selectors. You can also nest common CSS properties if you append a : colon suffix after the name of the property.

For example, the following SCSS code:

.parent { font : { family: Roboto, sans-serif; size: 12px; decoration: none; } }

will compile to the following CSS:

.parent { font-family: Roboto, sans-serif; font-size: 12px; font-decoration: none; }
report a_bug
If you see a bug or any other issue with this page, please report it here.