При уменьшении экрана бургер не отталкивается от края, а просто пропадает, не понимаю, как исправить
header(class="header")
.logo
a(href="index.pug")
img(class="logo", src="../img/logo.svg" alt="logo")
.burger__menu
span
.link__header
a(href="#" class="link__btn")
a(href="#" class="link__btn")
a(href="#" class="link__btn")
$headerMaxWidth: 1200px;
.header{
margin: 0 auto;
position: relative;
display: flex;
max-width: $headerMaxWidth;
}
.logo{
position: relative;
top: 1.8vh;
cursor: pointer;
}
.burger__menu{
display: flex;
position: relative;
width: 23px;
height: 15px;
cursor: pointer;
top: 8.1vh;
margin-left: 400px;
}
.burger__menu span,
.burger__menu::before,
.burger__menu::after{
position: absolute;
height: 20%;
width: 100%;
background-color: #356EAD;
margin: 0 auto;
}
.burger__menu::after, .burger__menu::before{
content: "";
}
.burger__menu::before{
top: 0;
}
.burger__menu::after{
bottom: 0;
}
.burger__menu span{
top: 40%;
}