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
Raphael Reiter
6,820 Pointsgrey box
when i put the grey padding, my div element disapeared. my code is the same as his, i check every semi colon, etc. i also checked on multiple browsers.
here's my code : .wildlife { color: white; background-color: #434a52; padding-top: 100px; padding-right: 120px; padding-bottom: 100px; padding-left: 120px; }
thanks for your help
1 Answer
Raphael Reiter
6,820 Pointsthanks Geert,
i found the problem. for some reason, in the new workspace that we need to re open for this particular video, the div sections have been commented out in the index file...
Geert Van Campenhout
7,308 PointsGeert Van Campenhout
7,308 PointsMaybe your padding is too wide for the width you have? Troubleshoot with less padding like:
.wildlife { color: white; background-color: #434a52; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
If your element appears again, you can work your way up from there with more padding and see how much you can add. Also, it's easier to define the padding in one statement instead of 4 separate ones like:
padding: 10px 15px 10px 15px;
is more efficient and has the same result as:
padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px;