1
resposta

[Bug] padding nos itens do menu

@media(min-width: 1440px){
    .menu__container{
        width: 239px;
        overflow: scroll;
        height: 91%;
    }

     .menu__lista::nth-child(2),
     .menu__lista::nth-child(3),
     .menu__lista::nth-child(4){
     display: flex;
    } 

    .menu__lista{
        display: flex;
        flex-direction: column;
        padding: 0px 17px 20px 15px;
        gap: 15px;
    }

    .menu__itens{
        flex-direction: row;
        gap: 15px;
        align-items: center;
    }
} 

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi, Natan, tudo bem?

Fiz o teste com o código da aula e não consegui perceber o problema que você compartilhou. Para que eu consiga te ajudar de forma mais assertiva, peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Fico no aguardo!