Responsive heading

In the sample tribute page, I’m trying to understand how the title font is built. In full screen it is larger than <h1>, but when you resize the browser window, the font snaps to a smaller size as the window gets narrower.

I don’t recall seeing this in any of the lessons. Can anybody offer insight into how this is done?


The mobile responsiveness is done with the .container class from Bootstrap, FCC touches on it briefly here.

I only remember because I had issues with it on my tribute page haha!

Hmm, I’m using the .container-fluid class, but it’s not resizing the header font as I resize the window. Trying really hard not to look at the sample tribute page’s source!

They are doing it with Jumbotron

That’s exactly what I was missing. Thank you, jenovs!