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

General Discussion

Posted by mitchell green
mitchell green
3,339 Points

Add the appropriate CSS code to the media query so that ".contact" and ".menu" fill the entire container width when the

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.

can anyone help me with his im stuck

7 Answers

Raúl Barrera C.
Raúl Barrera C.
18,943 Points
Raúl Barrera C.
Raúl Barrera C.
18,943 Points

Hi!, first define a media query with a max-width of 480px. In that query apply a 100% with to the elements with that classes.

@media ... {
  .class{
    ...
  }
}
mitchell green
mitchell green
3,339 Points

Thanks for the help!

Raúl Barrera C.
Raúl Barrera C.
18,943 Points

Can solve the problem? :)

mitchell green
mitchell green
3,339 Points
mitchell green
mitchell green
3,339 Points

Yeah i figured it out:)

can you help me with another thing??

Raúl Barrera C.
Raúl Barrera C.
18,943 Points
Raúl Barrera C.
Raúl Barrera C.
18,943 Points

Tell me about

mitchell green
mitchell green
3,339 Points
mitchell green
mitchell green
3,339 Points

Add the appropriate CSS code to the media query so that images within the ".cupcake" div disappear when the device or browser width is at most 480px wide.

what do i do for this?

Raúl Barrera C.
Raúl Barrera C.
18,943 Points
Raúl Barrera C.
Raúl Barrera C.
18,943 Points

Ok, in the same query apply a display:none to the element with that class, tell me if works ;)

Raúl Barrera C.
Raúl Barrera C.
18,943 Points
Raúl Barrera C.
Raúl Barrera C.
18,943 Points

```@media ... { .class{ display:none; } }

Raúl Barrera C.
Raúl Barrera C.
18,943 Points
Raúl Barrera C.
Raúl Barrera C.
18,943 Points

mmm, if only images, use -> .class img{ ... }

mitchell green
mitchell green
3,339 Points

it worked thanks for all your help:)