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 CSS Foundations The Box Model Width, Height and Overflow Properties

Matt Caron
Matt Caron
2,212 Points

video inconsistencies?

Ok around 7:22 he says add a left/right padding of 50px.

He then shows the final product and describes how the div has increased its width by 60px because we added an additional 30px of padding.

Is it just me or does this seem to be completely incorrect? Weren't we just discussing 50px? Shouldn't the width now be increased by 100px?

3 Answers

Hi Matt,

In his example, at 7:22 Guil increased the padding on the left side from 20px to 50px and the padding on the right side from 20px to 50px. This means that 30px were added to padding-left and 30px were added to padding-right. Hence, a total of 60px of padding were added to the element.

James Barnett
James Barnett
39,199 Points

> Weren't we just discussing 50px?

No we were discussing an increase from 20px to 50px not an increase of 50px

A quote from the transcript at time index 7:22:

> Let's go ahead and increase the left and right padding of our div to 50 pixels on each side.

Matt Caron
Matt Caron
2,212 Points

Thanks guys!!!

Got it :)