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!

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

Posted by CRYSTAL MORRIS
CRYSTAL MORRIS
Courses Plus Student 2,809 Points

Media Query

Add the appropriate CSS code to the media query so that ".contact" and ".menu" fill the entire container width when the device or browser width is at most 480px wide.

3 Answers

Privado Coronel
Privado Coronel
13,504 Points
Privado Coronel
Privado Coronel
13,504 Points

@media screen and (max-width: 480px) { .contact, .menu { width: 100%; } }

Adam Duffield
Adam Duffield
30,494 Points
Adam Duffield
Adam Duffield
30,494 Points

You'll need to show us some code so that we can easily see what the issue is here. :) I'm sure i've passed this one but it would take me quite a while to dig around and find it again! Just copy and paste all your code aswell as what your being asked to do for a quick and very useful reply.

CRYSTAL MORRIS
PLUS
CRYSTAL MORRIS
Courses Plus Student 2,809 Points
CRYSTAL MORRIS
CRYSTAL MORRIS
Courses Plus Student 2,809 Points

I Had My Brackets Wrong Thanks A Bunch :-)