при адаптиве появляется нижний скролл.
https://ninjajostkiy.github.io/help/ - гитхаб
Сам код:
// BURGER
.burger {
display: none;
cursor: pointer;
position: absolute;
left: 20px;
top: 120px;
z-index: 5;
}
.line {
width: 25px;
height: 3px;
margin: 5px;
background-color: #FFF;
transition: all .4s ease;
}
.active {
transition: all .3s;
}
.menu__list.active {
transform: translateX(0%);
}
.mobile-icons {
a {
display: none;
}
.mobile-icons-btn{
padding: 15px 25px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.45px;
background-color: transparent;
border: 1px solid #fff;
transform: skew(-15deg);
}
}
//
@media(max-width: 930px) {
.burger {
display: block;
z-index: 5;
}
.header__bottom-title {
font-size: 120px;
}
.menu__list {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
transition: all .3s;
background-color: rgba(0, 0, 0, .9);
padding-top: 50px;
padding-bottom: 50px;
width: 250px;
height: 100vh;
top: 0;
right: 0;
z-index: 5;
transform: translateX(100%);
.mobile-icons {
a {
display: block;
}
}
li {
color: #fff;
padding: 0;
margin: 0;
}
}
.header__top-login {
display: none;
}
}
И если нужен скрин кода то вот: