Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Responsividade: Cabeçalho

Olá, Boa noite! Eu não estou conseguindo aplicar os estilos das medias @ que tem o min-width: 0.. Coloquei max e também não consigo, não vejo mudança no comportamento dos estilos conforme a resolução.

Segue o código abaixo copiado da aula:

@media screen and(min-width: 0px ) {
  .cabecalho {
    justify-content: center;
    padding: 0 1rem;
  }
}
3 respostas
solução!

Pelo que vi é só um erro de sintaxe! O problema é que não há espaço entre o "and" e o parêntese que abre a declaração de largura mínima. O código correto seria:

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

Caramba! Estou passada que o espaço fez total diferença. Era realmente isso. Gratidão!

já me peguei várias vezes existe uma extensão legal no Vscode que apresenda erros de digitação

Uma extensão para o VSCode que pode te ajudar a encontrar erros de digitação e formatação de código é a Prettier. Ela é uma ferramenta de formatação de código que pode ser configurada para verificar e corrigir automaticamente problemas como espaçamento, vírgulas e outros erros de formatação.

Qualquer dúvida estou a disposição: https://github.com/onedreamcwb

Discord: Dev'Dream#9286