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

Brenda Kittles
Brenda Kittles
1,512 Points
Posted by Brenda Kittles
Brenda Kittles
1,512 Points

Add the appropriate CSS within the same media query that will force the “love at first bite” illustration to disappear.

So I have tried so many versions and I cannot figure this out!! Can anyone help??

#love-at-first-bite img {
    display:none;

2 Answers

Jeff Busch
Jeff Busch
19,287 Points

Hi Brenda,

You are selecting an id that doesn't exist. The image(img) is in a div with a class of grid_2 or omega. So you don't select the image by name, you need to specify the class or id that the image resides in.

Jeff

  .grid_2 img {
    display: none;
  }
Brenda Kittles
Brenda Kittles
1,512 Points
Brenda Kittles
Brenda Kittles
1,512 Points

Thanks Jeff! It worked! I appreciate your help!

oslo parker
PLUS
oslo parker
Courses Plus Student 1,225 Points
oslo parker
oslo parker
Courses Plus Student 1,225 Points

try adding class="love-at-first-bite" to the img tag. then the css would look like this...

.love-at-first-bite {
  display: none:
}```
Jeff Busch
Jeff Busch
19,287 Points

Technically that would work but I doubt the code challenge would accept it as an appropriate answer.