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 Julian McNeill
Julian McNeill
9,445 Points

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

I'm trying to make the image disapear but my answer .grid_2 omega img{visibility:hidden;} is wrong

@media (max-width: 705px) { .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6{width:100%;} .grid_2 omega img{visibility:hidden;}

3 Answers

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

Instead of:

visibility:hidden;

Do:

display: none;

Hope that helps.

Julian McNeill
Julian McNeill
9,445 Points

thanks, I tried that but still wrong i guess. Maybe I'm targeting the wrong thing

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

I remember the selector being different, but I don't remember which one it is...Can you give a link to the code challenge that your having problems with.

Julian McNeill
Julian McNeill
9,445 Points

http://teamtreehouse.com/library/content-defined-breakpoints

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

Do:

.omega img{display: none;}

Or:

.grid_2 img{display: none;}

What this is doing is selecting all the children of the div with the class omega or the class grid_2 that have img tags.

Hopes that helps, and tell me if that doesn't make sense.

Julian McNeill
Julian McNeill
9,445 Points

thanks for the help

Kenneth Barrett
Kenneth Barrett
4,484 Points

But, there are three other images that will be affected by using the grid_2 or omega class selector. The instructions don't ask that we make them disappear too, just the main image up to. Wouldn't it be cleaner to assign an ID to the main image and use that ID as the selector in the media query?