Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Need help with task 2

2 Answers

Chase Lee
Chase Lee
29,275 Points

Do what you did but instead of omega do img.

Thanks

Chase Lee
Chase Lee
29,275 Points

So find the "Love at first bite" img in the html and locate it's wrapping div. Then select the class that wraps the img and select it in your css media query then select the img inside it using the child selector. after that give it a display: none; as the value.

Do I make any sense?

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

is this even close? Not sure how to do the child selector thing.

James Barnett
James Barnett
39,199 Points

Jason Causey

Not sure how to do the child selector thing.

Looks like you skipped over the CSS Foundations course, I'd suggest you follow along with the learn HTML & CSS.

In the learning adventure you to learn all about this CSS selectors and important stuff like the difference between child and descendant selectors.

Actually I did! I went straight to the projects but didn't notice the adventure links. Will do thanks.