1
resposta

[Dúvida] Meu Banner não ocupa a tela inteira

Já tentei alterar algumas coisas no CSS, mas nao resolve.

Porém quando dimui a tela, o banner ocupa 100% da tela.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

.banner {
    background-color: #6278F7;
    text-align: center;
}

.banner img {
    max-width: 100%;
}
import './Banner.css'

function Banner() {
    return (
        <header className='banner'>
            <img src="/imagens/banner.png" alt="Banner principal"/>
        </header>
    )
}

export default Banner
1 resposta

No projeto existe um arquivo que contém o reset de alguns atributos que vem com valor padrão nos browsers, nesse arquivo:

https://github.com/alura-cursos/organo/blob/aula-5/src/index.css

Você fez o import dele no arquivo index.js inicial?