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 Michael Nguyen
Michael Nguyen
3,332 Points

Building Responsive Website, Implementing Media Queries, Code Challenge 3/3

I'm really stuck on this media queries challenge. i've tried changing "display" to "visibility" but i still cant get the image disappear. Please help.

/* Mobile ----------- */ @media screen and (max-width : 480px) {

.contact {
  width: 100%;
}
.menu {
  width: 100%;
  }
.cupcake { display: none; 
}
  }

6 Answers

James Barnett
James Barnett
39,199 Points

@Michael -

ive set the width to 100% but what am i missing

Hint: You don't use the width property for fluid images.

As a side note, most of the people who post on the forum about having issues withe the Responsive Design course are doing the content out of order having skipped over the pre-requisite CSS Foundations course.

ecp
ecp
838 Points
ecp
ecp
838 Points

Hi Michael,

Sorry you're experiencing trouble here. Could you email a screenshot of your work within the Code Challenge to help(at)teamtreehouse(dot)com? That'd be super-duper helpful in resolving this problem :D

Thanks a bundle!

  • E
Deleted User
Deleted User

Hi Michael,

5 seconds ago I was having a hard time with 3/3 as well.

Try putting "img" after ".cupcake" and keep everything else the same.

Michael Nguyen
Michael Nguyen
3,332 Points
Michael Nguyen
Michael Nguyen
3,332 Points

Thank you Scott! It works now. But I have another problem

The errors reads:The image isn't scaling with the browser. How could you set the width of the image so that it's fluid?

ive set the width to 100% but what am i missing

Michael Nguyen
Michael Nguyen
3,332 Points
Michael Nguyen
Michael Nguyen
3,332 Points

I guess that s the reason why i get stuck a lot of times with the responsive design course. Thanks a bunch for telling me this. i ll definitely get started on the css foundations course.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

@Michael - You can check out the suggested course order over on Learn HTML & CSS learning adventure.