Fiz as implementações como manda na aula, mas não funcionou igual a do professor. Seguem meus códigos e meu resultado final;
Arquivo: Banner.js
import "./Banner.css";
function Banner() {
//JSX
return (
<header className="banner">
<img src="/imagens/banner.png" alt="Banner principal da página" />;
</header>
);
}
export default Banner;
Arquivo Banner.css
.banner {
background-color: #6278f7;
text-align: center;
}
.banner img {
max-width: 100%;
}
A organização dos arquivos na pasta estão como orientado:
E o meu resultado final está sendo este:
