Justify the text inside a grid

I’m trying to justify my text inside a grid on cargo collective. Till now I couldn’t do that and I had to export a svg for each title and place it as an image (like in this page: https://gracegloriadenis.com/IN-FROM-AND-WITH)

But right now the text would be afftected by a dark mode toggle and a svg won’t be affected at all so I’ll have to find a solution to justify the text in the div (as in “In, From and With” the title of the page I’ve just shared with you)

This is my code:

<div grid-col=”x12″ grid-pad=”0″ class=””><h1>CIVITONIA</h1>

Civitonia is the title that should be justified and it should touch both sides of the div always. Doing that I’d like not to have a size for the text (ex: font size:45rem;) but to have the text as big as the container. Is it possible?

Doing that it would be a lot easier even to have a responsive version of it, as the box would be smaller in the mobile and the text would follow it.