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

HTML Build a Responsive Website Adaptive Design Implementing Media Queries

Posted by Jason Glenn
Jason Glenn
3,609 Points

Hide images in media querie

need some help cant figure this out

2 Answers

Jeff Busch
Jeff Busch
19,287 Points
Jeff Busch
Jeff Busch
19,287 Points

Hi Jason,

Maybe this will help.

Jeff

@media screen and (max-width : 480px) {
      .contact, .menu {
        width: 100%
      }
      .cupcake img {
        display: none;
      }
    }
Matthew Underhill
Matthew Underhill
20,363 Points
Matthew Underhill
Matthew Underhill
20,363 Points

Hi Jason,

As Jeff says use display: none if you want images to be taken away from display and have the page reflow as relevant.

If you want the images to not be displayed, but the space they take up to be retained, use visibility:hidden;