Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Fala ai Pedro, tudo bem?
Pelo que vi no seu código, a importação do Banner.css está correta. Acredito que o problema seja na estilização. A ideia principal da estilização do banner é deixar ele pegando a tela inteira, para isso precisamos estilizar a imagem. Só que no seu arquivo Banner.css, ao invés de estilizar a imagem, você está estilizando uma classe chamada banner_img e essa classe não está sendo atribuida a nenhum elemento JSX. Ou seja, seu estilo não está sendo usado.
Acredito que a ideia era você estilizar usando a <div> pai como referência. Basicamente, usariamos a classe do elemento pai para referenciar um elemento filho.
Seu código atualmente está assim:
.banner_img{
max-width: 100%;
}
Só que era para estar assim:
.banner img{
max-width: 100%;
}
Nesse segundo exemplo, ao invés de estilizar uma nova classe, estamos falando que queremos estilizar toda tag <img > presente em todo elemento com a classe banner.
Espero que tenha conseguido te ajudar. Qualquer dúvida é só responder aqui no fórum.