.menu__container{
position: fixed;
left: 0%;
width: 74px;
height: 86%;
}
.menu__lista {
flex-direction: column;
justify-content: flex-start;
padding-top: 15px;
gap:33px;
}
hoje, com a Alura e o Google Gemini
Oi, Claudia! Tudo bem?
Podemos sim definir uma altura para o menu, o que está sendo feito no código enviado com a propriedade height: 86%;, isso vai definir que o menu ocupará 86% da altura da tela.
Porém, se quisermos que o menu tenha 100 pixels de altura, por exemplo, podemos adicionar a seguinte linha de código em .menu__itens:
height: 100px; /* Define a altura do menu */
Porém, podemos usar outras unidades de medida além de px, como em, rem, etc. Devemos experimentar diferentes valores e diferentes medidas e ver qual funciona melhor para o nosso projeto!
Espero ter ajudado!
Um forte abraço e bons estudos!