How to properly adapt such a block?

Question

css

codepen.io/anon/pen/KzvYRW
How to properly adapt the block so that large and small texts are always displayed on one line? I tried using media, but then it turns out that you need to reduce the font every 100px. I don't feel like writing media 10 times for one block. How to be?

Answer 1

font-size: 2vw;
Viewport Sized Typography

Answer 2

read about relative units (em and rem) and use them for font-size