2
respostas

O meu banner não completa a tela toda do PC .

    <body>
        <header>
            <div class="caixa">            
                    <h1><img src="logo.png"></h1>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="produtos.html">Produtos</a></li>
                        <li><a href="contato.html">Contato</a></li>
                    </ul>
                </nav>
            </div>
        </header>


                <img class="banner" src="banner.jpg">
        <main>
            <section class="principal"> 
                    <h2 class="titulo-principal">Sobre a Barbearia Alura</h2>

                    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

                    <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

                    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
            </section>

                <section class="beneficios">
                    <h3 class="titulo-principal">Benefícios</h3>

                    <ul>
                        <li class="itens">Atendimento aos Clientes</li>
                        <li class="itens">Espaço diferenciado</li>
                        <li class="itens">Localização</li>
                        <li class="itens">Profissionais Qualificados</li>
                    </ul>

                    <img src="beneficios.jpg" class="imagembeneficios">
                </section>
        </main>
        <footer>
            <img src="logo-branco.png">
            <p class="copyright">&copy; Copyright Barbearia Alura 2019</p>    

        </footer>
    </body>
```

`

2 respostas

Salve, Tomas!

No seu CSS, além de resetar as configurações padrões do navegador, você colocou o width do seu banner para ocupar 100% da largura da página? Para isso, tente usar o seguinte código no seu arquivo CSS, caso já não tenha usado:

.banner {
width: 100%;
}

Olá Samuel , coloquei o Width sim . Ainda não achei o erro , mas deve estar proximo rsrsrs