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 Build a Responsive Website Adaptive Design Implementing Media Queries

Posted by Michael Stanley
Michael Stanley
3,941 Points

Unclear Challenge Task

Project: Build a Responsive Website Stage 3: Adaptive Design "Implementing Media Queries" Challenge task 1

Hello,

I'm struggling with what this challenge task is asking me to do. I can set the image size to percentages so that it should be fluid, but that doesn't pass the task. I don't think this task is asking for a media query, but if it is, it's unclear what the media query should do.

Thanks for everything. I'm really enjoying Treehouse and learning a lot!

Best, Michael

2 Answers

louiecamacho
louiecamacho
10,980 Points
louiecamacho
louiecamacho
10,980 Points

Hint: Normally, images only display at their native size. You'll have to tell the browser how to size the image.

Valentina Rodić
Valentina Rodić
5,913 Points
Valentina Rodić
Valentina Rodić
5,913 Points

This task doesn't ask about media query. You have to set the image size in percentages, but not in the media query. In the code, where there is:

img {
margin: 2% 0;
}

You should add max-width: 100%, so the code should be:

img {
max-width: 100%;
margin: 2% 0;
 }

Hope this was helpful!