Advanced Concepts

Question 1

Based on the following error, where is the problem in your Sass?

Syntax error: Invalid CSS after “ color blue”: expected “{“, was “;” on line 6 of home.scss

Question 2

The correct syntax for Sass comments is as follows:

Answer 2

//Comment for Sass-only, /* Comment */ for CSS output comments

Question 3

The @warn function is used to:

Answer 3

Print an error to the terminal showing a defined error message

Question 4

To insert line numbers into your CSS output, you run the Sass command with what flag?

Answer 4

-l

Question 5

Write a media directive for screen media with orientation landscape. Within the directive, set thewidth attribute for all image tags to 360px.

Open a scope on an

with the ID menu. Inside that, open a scope on a * element. Using Sass nesting, add a media query so that the

• elements will have an attribute of text-align: center when the media is screen and the
• has a max-width of 500px.

Answer 5

@media screen and (orientation: landscape) {
img {
width: 360px;
}
}

ul#menu {
li {
@media screen and (max-width: 500px) {
text-align: center;
}
}
}