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

CSS

Posted by raymond pope
raymond pope
10,614 Points

Responsive design stage 4 problem with code challenge :(

Can some point me in the right direction for this one?

Question:

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

Full details on this link: http://teamtreehouse.com/library/build-a-responsive-website/responsive-design/content-defined-breakpoints

Ps you need to go through the questions on the stage 4 to get to my question.

2 Answers

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

So it is the same as you did on the prior question where you had 

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

So above is what you should have from the question prior, so all you need to do is append the above code with the new rule. So its asking you disappear the image (img) and you can do this with the display: none; property. This should help you along if still unsure tag me raymond pope

raymond pope
raymond pope
10,614 Points
raymond pope
raymond pope
10,614 Points

Hi Adam This is what I have and no luck with it.

@media screen and (max-width: 705px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
  width: 100%;

} .img "love at first bite" { display: none; } Thanks for following me up on it.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

I have edited my above answer to insert the correct answer to your question, you don't need to include the file name as you did. An easier way to look at is look at the img its telling you to hide in the html part and find the tag its in then that is what you use