Как изменить размер текста, чтобы он был отзывчивым? Кроме того, я не хочу, чтобы текст «сталкивался» с другим текстом, поэтому он поддерживает постоянные поля.

Question

Я пробовал использовать vw и vh, чтобы попытаться сделать его отзывчивым.

h1{
background-color: green;
font-size: 3vw;
width:56vw;
height: 10vh;
text-decoration: underline;
color: white;
padding: 15px;
margin-left: 400px;
margin-right: 400px;
border: 10px solid black;
}

#updateButton{
position: absolute;
font-size: 25px;
right: 5%;
top: 100px;
width:10vw;
}

Кнопка продолжает «сталкиваться» с другими текстами.

Вы можете проверить, как это работает на моем сайте

mysinps.com /