Need help getting text to span entire viewport

Design help General
1

Hello,

I am trying to get a large header to span an entire viewport, per the example below (via Figma).

Screenshot 2024-07-27 at 9.09.28 PM
Screenshot 2024-07-27 at 9.09.28 PM1658×842 114 KB

However, I can only get it close to the full width. When I take the texts vw from 18 to 19, it’s cruches the text per the example image.

Screenshot 2024-07-27 at 9.10.19 PM
Screenshot 2024-07-27 at 9.10.19 PM2240×786 48.3 KB

Can anyone help?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

There’s a JS lib called textFit that can auto-fit text to a container. Here’s an example with your text;