Oi, Estudante! Como vai?
O que oparece aqui é que o scroll lateral não aparece porque:
- O caractere
`
antes de @media está quebrando o CSS. - Para rolar na horizontal, você precisa de overflow-x e itens que não encolham.
Exemplo corrigindo sua media query e ativando rolagem horizontal:
@media (min-width: 1440px) {
.menu__container {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 239px;
display: flex;
flex-wrap: nowrap;
overflow-x: auto; /* scroll horizontal */
overflow-y: hidden; /* esconde scroll vertical */
white-space: nowrap;
}
.menu__item {
flex: 0 0 auto; /* impede encolhimento */
min-width: 160px; /* força overflow no eixo X */
}
}
Dica rápida:
Se você queria rolagem vertical, troque para overflow-y: auto e use overflow-x: hidden.
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado