O meu código está igual ao do professor e mesmo assim o cabeçalho não ficou responsivo
@media screen and (min-width: 0) {
.cabecalho {
justify-content: center;
padding: 0 1rem;
}
}
@media screen and (min-width: 768px) {
.cabecalho {
justify-content: space-between;
padding: 0 5rem;
}
}
oi boa tarde, acho que não precisa nem do @media screen and (min-width: 0) pois o browser já vai pegar esses estilos primeiro, você pode usar só o @media screen and (min-width: 768px) para mudar o css a partir de 768px de largura, mas... você precisava fazer oque? não precisa diminuir a fonte e até mesmo ainda mais o padding para caber tudo na tela?
se estiver usando flexbox, lembra que é só colocar flex-wrap: wrap; para quebrar a linha quando não cabe mais items na mesma