Как сделать заголовок в две строки и логотип справа от первой строки? ⇐ CSS

[Anonymous]

Я пытался создать заголовок сайта с именем сайта на 2 строках и его логотипом на первой строке. Я попробовал и CSS GRID, и Flex, но в этом случае я должен сделать это только через Absolute, что сделает сайт не адаптивным и не масштабируемым. < /P>

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

.header.main {
margin-top: 10%;
}

.site-title {
display: flex;
}

.big-logo {
float: right;
margin-left: 300px;
width: 141px;
height: 136px;
max-width: 100%;
height: auto;
}

.graficlogo {
width: 100%;
height: auto;
object-fit: contain;
}

h1.main-title {
position: relative;
font-family: 'Neue Machina';
font-style: normal;
font-weight: 800;
font-size: 128px;
line-height: 95.36px;
color: #EDFB3A;
}

p {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-transform: lowercase;
color: #FFFFFF;
}< /code>




[img]assets/img/Logo.png[/img]


мои
достижения



онлайн-платформа централизации достижений и развития активной деятельности

Вот то, что получилось:
логотип находится слева и сдвигает надпись
Вот то, что ожидалось:
логотип находится справа от первой строки заголовка и не мешает отображению надписи

Подробнее здесь: https://stackoverflow.com/questions/763 ... he-first-l