3
respostas

o radape não está adaptando-se para dispositivo móvel, não era assim agora ficou, estranho pq estava funcionando.

será que foi alguma modicicação que fiz em estilos.css?? pq não encontro erro no arquivo flexbox.css

/* cabeçalho */
.cabecalho__container {display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0px;
}

/* menu lateral */

.menu__container {display: flex;
flex-direction:column;
align-items:start;
gap: 15px;
margin-right: 725px;

}
.menu__lista li {
    margin-bottom: 15px;
}

.cabecalho__pesquisar__item {
    display:none;
}

/* seção superior */

.superior__secao__container {
    display:flex;
    align-items: center;
    white-space:nowrap;
    /* quando se tem propriedade flex geralmente se usa white-space no lugar de flex-wrap para não quebrar a linha */
    overflow: scroll;
    /* propriedade overflow:scroll; cria uma barra de rolagem */
    gap: 15px;
    /* gap não cria espaçamento nas extremidades, somente entre um elemento e outro */
}



/* rodapé */

.rodape__container { display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    
}


@media (min-width:834px) {

    .cabecalho__pesquisar__item {
        display: block;
    }
            
.rodape__container {
    justify-content: space-between;
}

            }
3 respostas

Oi, Reinaldo. Tudo bem com você?

Para poder te ajudar melhor, você poderia me fornecer o código do seu projeto? Se puder, envie pelo GitHub, assim consigo ter acesso a todo o código e te ajudar de forma mais precisa.

Fico no aguardo e à disposição

Ix meu amigo, infelizmente não aprendi ainda a mexer no Git Hub, mas vou dar uma jeito^^

;;;;;