SVG и веб -реакция ⇐ Javascript

[Anonymous]

Это заняло у меня слишком много времени, поэтому я прихожу сюда за помощью. Я хочу иметь несколько таких строк, как это, связанные с текстом. Но они не на других размерах монитора. Любой, кто может помочь ??

Код: Выделить всё

:root {
--color-background: black;
--color-on-background: white;
}

body {
width: 100vw;
height: auto;
background-color: var(--color-background);
}

.hero_page {
width: 100vw;
height: 100vh;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}

.hero_page_title {
font-family: title;
font-size: 25vh;
fill: var(--color-on-background);
text-align: center;
text-anchor: middle;
dominant-baseline: middle;
}

.line {
fill: none;
stroke: var(--color-on-background);
stroke-width: 0.3vh;
}

.filled {
fill: var(--color-on-background);
stroke: none;
}< /code>






OSKAR KOPČIL

Введите описание изображения здесь

Подробнее здесь: https://stackoverflow.com/questions/795 ... sponsivity