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 Responsive Design Content Defined Breakpoints

benjamin perodeau
benjamin perodeau
7,469 Points
Posted by benjamin perodeau
benjamin perodeau
7,469 Points

so sad

Can't hide the image, task 2 of 3.

Jeff Busch
Jeff Busch
19,287 Points

Hi benjamin,

Can we see your code?

Jeff

5 Answers

Jeff Busch
Jeff Busch
19,287 Points

Also your image can be selected this way:

.grid_2 img {
    display: none;
}
Jonathan Smith
Jonathan Smith
2,672 Points
Jonathan Smith
Jonathan Smith
2,672 Points

I'm not exactly sure what you are trying to do... Maybe you could comment it out with /* <img src= img.file */

Just a thought!

benjamin perodeau
benjamin perodeau
7,469 Points
benjamin perodeau
benjamin perodeau
7,469 Points

It's 'Content Defined Breakpoints' code challenge 2 of 3 under 'Build a Responsive Website' stage 4 'Responsive Design' 

@media screen and (max-width: 705px) {
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
        width: 100%;    
  }
  #intro-img {
    display: none;
  }
}
benjamin perodeau
benjamin perodeau
7,469 Points
benjamin perodeau
benjamin perodeau
7,469 Points

^ I reckon that's now how you use the three tick marks thing :-/

Jeff Busch
Jeff Busch
19,287 Points

Maybe THIS will help.