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

HTML Introduction to HTML and CSS CSS Fundamentals CSS Box Model

Benjamin Joiner
Benjamin Joiner
303 Points
Posted by Benjamin Joiner
Benjamin Joiner
303 Points

Image border, padding and color are not setting. Think I did something wrong in carbonara.html or index.html

I did the # ingredients like the video did but I'm still not getting a box with color , padding and border radius to show up. Think it might be something I did wrong in cabonara.html or index.html.....

2 Answers

Travis Alstrand
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Data Analysis Techdegree Graduate 49,443 Points
Travis Alstrand
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Data Analysis Techdegree Graduate 49,443 Points

Hiya Benjamin Joiner ! 👋

Thank you for providing a Snapshot of your Workspace!

It appears on lines 13 & 19 of styles.css there is a space after the # and before the id name. We need those to be in direct contact like so...

#ingredients {
    ...
}

Then, on line 27 of carbonara.html there is a pipe character (|) that snuck in your id name that needs to be removed so it will look like this...

<div id="ingredients">

After those adjustments things are looking great on my end 😃

Benjamin Joiner
Benjamin Joiner
303 Points
Benjamin Joiner
Benjamin Joiner
303 Points

Hey Travis, thanks a lot! I always miss the small detail, i added the space thinking it might have solved the problem and missed the | , reading too fast, and thinking it was a missed <div> thanks a lot! I'll take my time next time I'm debugging.