Https://roman-numeral-converter.freecodecamp.rocks/

https://roman-numeral-converter.freecodecamp.rocks/
Hello, so i’m working on a javascript certification project roman numeral converter, and i provided a link of the page fcc. gave as an example of how the project should look like. When i do the projects i always try to achieve everything they did on the reference page from the technical stand point cause i found that that’s the best way i learn. So my question is how did they achieve this effect of all the elements on the page seem like glued to it meaning they don’t change no matter how much you zoom in or out. For example my h1 element at one point of zooming out gets all the words in one line no matter of the specified width. So my question is what’s the correct way of achieving this in css?

Maybe a combo of max and min width specified.

Thanks i will try that