Project: Landing Page - cannot get font-size to resize responsively

Hi, I’m working on my Landing Page project and I’m stuck on getting the font size of my titles and description to resize responsively with media queries.

I’m happy with how my navbar responds to changes in browser width, but the font-size doesn’t change at all, even after I added !important.

I’d appreciate any help in sorting this out. And I’m open to any other feedback about the page as well.

Here’s my pen: https://codepen.io/RBossler/pen/vYWgaWq

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:96.0) Gecko/20100101 Firefox/96.0

Challenge: Build a Product Landing Page

Link to the challenge:

Hello @bossler.robert and welcome. Did you use media query? I think media query could solve the problem. But there are others small things that you can change and make your page even better. Anyway, your page looks good.

Hi @Mikael3211, I am using media query. I’m using them to responsively adjust my header and navbar, and those are all working fine. But when I try to use the media query to change the font-size of my title and description elements, nothing happens.
Thank you for your feedback.

Did you try using vw(viewport width) unit, the text size follows the size of window?