Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Practice Media Queries!
You have completed Practice Media Queries!
Preview
In this video, we'll go over the media queries for this practice session.
Resources
- What are Media Queries? – CSS Layout
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
So first up, you were asked to target
viewport sizes less than 576 pixels,
0:00
so the key words here are less than,
which should indicate that
0:04
you should use the max with media
feature and the media query expression.
0:08
Now, in the media query, you don't want to
target the viewport starting right at 576
0:13
pixels, it needs to be less than that.
0:18
So the expression, max-width,
575 pixels will do the trick.
0:20
In the next block of CSS rules,
0:26
to Target viewport sizes when
there are 576 pixels and wider,
0:28
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up