1
resposta

Cabeçalho não se tornou responsivo

Referente ao curso Arquitetura CSS: descomplicando os problemas, no capítulo Estilização do rodapé e Responsividade do site e atividade Deixando o site responsivo

por Leandro Cunha de Souza
| 108.7k xp | 57 posts
Analista de BI 
.cabecalho{
    align-items: center;
    background-color: #f9f9f9;
    display: flex;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media screen and(min-width: 0){
    .cabecalho{
        justify-content: center;
        padding: 0 1rem;
    }
}

@media screen and(min-width:768px){
    .cabecalho{
        padding: 0 5rem;
        justify-content: space-between;
    }
}

Mesmo utilizando a mesma programação do professor o site não se tornou responsivo.

1 resposta
por Paulo Sérgio Rodrigues De Faria Tenório
| 95.9k xp | 18 posts

Tenta usar o MAX-WIDTH, que é mais fácil de entender, no seu caso tem o min-width como 0, tenta usar o max-width, abre o console do google e ajusta a página que ele mostra em que tamanho começa a dar problema de quebra de linha e essas coisas.