Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.