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

General Discussion

Aaron Martone
Aaron Martone
3,290 Points

Bug in Responsive Web Design

Under Building Responsive Design > Creating Fluid Foundation > Code Challenge Scalable Images

The first thing I note is that the challenge does not ask you to do anything with images at all. Instead, it asks you to convert the .cake class' padding from PX to %, which I do as:

padding: 1.428571429%;

And upon submitting just that change I am told that I have errors in my code. Since the nature of this challenge is "Scalable Images" I was expecting it to ask me to create an img tag and give it a max-width attribute with a value of 100%.

4 Answers

Had the same bug now, I was wondering why it doesn't question about scalable image but it seems I'm not alone :)

Aaron Martone
Aaron Martone
3,290 Points

Glad to see someone else got the snafu.

Hopefully when this is addressed, they can let me know so I can finish up that stage.

Matthew Welch
Matthew Welch
9,182 Points

I found the answer in another forum if you want to move forward. When figuring out padding percentages, use the element's width as the the context, so 10px/600px=1.6666667%

Geez.. frustrating that they don't mentioned anywhere in the videos that you're suppose to use the element width as context for padding. They did specifically mention using the parent elements width for context for figuring out margin.

Aaron Martone
Aaron Martone
3,290 Points

Thanks Matthew! That did it.