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
Sherry Evans
3,377 PointsStumped on question # 2
.This (below) is one of the many things I have tried. For questions 2 on media queries. I have re watched the video a million times, I cant figure it out. /* Mobile ----------- */ @media screen and (min-width : 480px) {
.menu
.contact
width: 100%
}
Thanks Sherry
4 Answers
Justin Wiswell
9,471 PointsAh, if you're targeting both the .menu and .contact don't forget to add your comma, and make sure you are still making use of your brackets inside of the media query itself.
@media screen and (min-width : 480px) {
.contact,
.menu {
width: 100%;
}
}
Remember, you can always download the files for the lesson on the bottom right and compare the code against your own.
Justin Wiswell
9,471 PointsHi Sherry. It looks like your media query is closing early (if i understand the problem properly).
/* Mobile ----------- */
@media screen and (min-width : 480px) { /* Make sure the code you are changing is in the {} brackets. */ }
Sherry Evans
3,377 PointsThanks IL I reentered it, and I see I had an extra bracket but I am still getting the response that says its not with in the Media Query.Its hard to show here. I have @media screen and (min-width : 480px) { .contact .menu width: 100% }
Am I at least on the right track? Thanks again! Sherry
Sherry Evans
3,377 PointsI got it! Thank You so much for your help! Sherry