Responsive text scaling while maintaining formatting

Hi all -

I have been playing around with different units for my text so that it scales appropriately with different browser sizes, but I can’t seem to get it to do what I would like.

I am interested in the text on the left side of the screen (creative solutions…) keeping the same size, line height, spacing, and positioning relationships but scaling proportionally as the browser window size changes.

Thank you in advance!


Here is my site Read-Only: https://preview.webflow.com/preview/kw-creative?utm_medium=preview_link&utm_source=designer&utm_content=kw-creative&preview=9c0dc07b38ad73d533b49e8f3f2a60ff&workflow=preview

Hi Kyle,

Did you try using EMs? you can change the scale of it on multiple breakpoints by playing with the font size. Also, if you’re creating an H1 class, don’t create another H1 on the page. Instead, create text blocks and play around with the styling.