Segui o exemplo do código da professora, apesar de, aparentemente, estar correto, meu projeto quebrou de algum jeito, não consegui identificar o erro.
Segue o exemplo em imagem.
Professora :
O meu :
Upei no Git, aqui esta o link para os códigos: https://github.com/voodoots/alura-cast/tree/main/aluracast
Deixei o projeto completo, mas os arquivos referentes são : secao.css e responsivo.css
Olá, Gabriel!
Uma possível explicação para essa diferença é que algum código pode ter sido modificado ou adicionado de forma incorreta. Para tentar identificar o erro, sugiro que você verifique as seguintes possibilidades:
Verifique se os arquivos CSS estão sendo importados corretamente no seu HTML. Certifique-se de que os caminhos estão corretos e que não há erros de digitação.
Verifique se todas as classes e IDs utilizados no exemplo da professora estão presentes no seu projeto e se estão sendo aplicados corretamente aos elementos no HTML.
Verifique se não há conflitos entre as classes e IDs utilizados no seu projeto. Por exemplo, se você definiu uma classe com o mesmo nome em dois arquivos CSS diferentes, isso pode causar problemas no layout.
Verifique se as propriedades CSS estão sendo aplicadas corretamente. Verifique se não há erros de sintaxe ou se alguma propriedade está sendo sobrescrita por outra.
Espero ter ajudado e bons estudos!