Хедер ломается на телефоне как исправить?

Question

[Serejka]

Верстаю макет сайта, после верстки блока решил зайти в консоль и посмотреть верстку на телефоне. Хедер выходит за границы страницы. Фото прикрепить не смог.
Но код посмотрите тут. https://codepen.io/dusiv_2004/pen/abqdKpq

Answer 1

[nooby-girl]

Привет, сама учусь, интересно было поковыряться, попробуй поменять css:

.header{
display: flex;
flex-direction: column;
background-color:#e9e9e9;
padding-bottom:200px;
}
.header-content{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

.logo{
justify-self: flex-start;
margin-left:10vw;
margin-top:40px;
background-color:#e9e9e9;
}

.navigation{
display:flex;
flex-wrap: wrap;
}

.block-description{
align-self: end;
}