If you go to 1:08 of this video, he demonstrates how the bounding box will get bigger and push other things around in the section. When I try this, the heading text just gets bigger but doesn’t move anything else. I’m controlling the ‘size’ under Typography just like in the tutorial.
If I try the same with the paragraph, it works as it should pushing things around.
Please see my screencast:
The difference between your example and the video is that you’re using a pixel value for your font height (62px) as opposed to the unitless size they are using (1.1-).
A unitless (aka dynamic) value here tells the font height to respond directly to the font size instead of being set to a specific size. Using 1- on the font height for example would make the height equal to the font size as it’s changed.
problem is that you have set static line height, you can you use any proportional unit. The common practice is to use “unitless” - .
For text in paragraph it is usually between 1.2 - 1.4 but it really only up to you. For headings set it to 1 as basic value and from there is again only on your design. So when you use any proportional units your heading will work as expected.
more about why use “unitless” is for example on CSS Tricks