Responsive heading

Responsive heading
0

#1

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?

Thanks!
Brian


#2

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!


#3

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!


#4

They are doing it with Jumbotron


#5

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