Need help getting text to span entire viewport

Hello,

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

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.

Can anyone help?


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

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

Hello Joshua,

Did you by any chance put a container into the section? that will give you a wide margin. I ran into the problem myself.

I put a headline directly into the section and could get the text all the way to the edge. I think you could add another div block there and achieve the same thing. I’m attaching a screenshot that shows the navigator pointed at the section where I put the headline.