Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Adequar o layout ao seu desktop

Vi aqui no fórum que muita gente estava com dificuldade a adequar o layout ao seu desktop, trago aqui uma sugestão minha. Não é a mais efetiva, mas funcionou direitinho:

/* Responsividade para desktop */

@media (max-width: 1920px) {

    .cabecalho__pesquisar__item{
        display: block;
    }

    .menu__container {
        height: 839px;
        width: 239px;
        overflow: scroll;
    }

    .menu__lista {
        flex-direction: column;
        align-self: center;
        margin-left: -40px;
        padding: 20px 17px 20px 15px;
    }

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

![Resultado dessa adaptação](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

1 resposta
solução!

Oi, Esther. Tudo bem?

Que legal você compartilhar sua sugestão para adequar o layout ao desktop! A abordagem de usar media queries para ajustar o design é uma prática excelente para garantir a responsividade do site.

Continue compartilhando suas ideias e soluções, isso ajuda muito a comunidade a crescer e aprender junta. Se precisar de mais alguma coisa, estou à disposição. Boas práticas e bom aprendizado!

Abraços.