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 Richard Palmer
Richard Palmer
3,260 Points

I need help with a css challengs

it's the "Content Defined Breakpoints" challenge. It asks:

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

I add this:

.grid_2 omega { display: none; }

The html for this section to hide this image is this:

<div class="container">
        <div id="intro">
            <div class="grid_4">
                <h1>We're kicking taste buds in to high gear with our featured avocado chocolate cupcake from the west to the east coast.</h1>
            </div>
            <div class="grid_2 omega">
                <img src="img/love-at-first-bite.gif" alt="Love at First Bite">
            </div>
        </div>

What am I missing? Someone please help.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

.grid_2 img { display: none; }

You need to actually target the image within the grid.

1 Answer

Richard Palmer
Richard Palmer
3,260 Points

Thanks a million for your help.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

No worries click best answer to close off the question Richard Palmer