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 Bootstrap 4 Basics (Retired) Responsive Layouts with the Bootstrap Grid Styling Content

Jessica Graham
Jessica Graham
6,878 Points

In the update notes p-t-3 is no longer 3rem. pt-5 is. What is this now measured in? What is the measurement relative to?

Bootstrap no longer uses class names like this p-t-3 to define the location, size and type of spacing (padding or margin). They've decided to remove the first hyphen character, so the correct class name would be pt-3. The spacing values discussed in the video no longer reflect full REM values. In other words, pt-3 does not add 3 rem to the top padding. It actually is just 1 rem. To get the spacing above the headline as seen in the video the top margin should be pt-5.

What is this now relative to? Thank you in advance

Michelle Harrison
Michelle Harrison
8,782 Points

I know this question is old, but for anyone who still has this question:

It's still measured in rem's, but it goes from .25rem-3rem

"Where size is one of:

0 - for classes that eliminate the margin or padding by setting it to 0 1 - (by default) for classes that set the margin or padding to $spacer * .25 2 - (by default) for classes that set the margin or padding to $spacer * .5 3 - (by default) for classes that set the margin or padding to $spacer 4 - (by default) for classes that set the margin or padding to $spacer * 1.5 5 - (by default) for classes that set the margin or padding to $spacer * 3 (You can add more sizes by adding entries to the $spacers Sass map variable.)"

This can be found under Utilities then Spacing.