Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Sass Basics (retired) Advanced Sass Concepts Working with Media Queries

Posted by Ildar Alishev
Ildar Alishev
Courses Plus Student 5,326 Points

Write a media directive for screen media with orientation landscape.

Hellp don't understand the result of the task

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

here is my code

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

2 Answers

Chris Dziewa
Chris Dziewa
17,781 Points
Chris Dziewa
Chris Dziewa
17,781 Points

@media should always come first, followed by the media type. In this case, screen. Then if you have and specific rules about the media type such as orientation or max width you can connect these using the word and. The result should be:

@media screen and (orientation: landscape) {
    img {
        width: 360px;
    }
}
Ildar Alishev
PLUS
Ildar Alishev
Courses Plus Student 5,326 Points
Ildar Alishev
Ildar Alishev
Courses Plus Student 5,326 Points

Thank you!!!