[Dúvida] Fundo da pagina

Olá, Tiago.

Tudo bem?

Poderia por gentileza compartilhar os seus códigos HTML e CSS completos aqui com a gente? Assim fica melhor para ajudar visualizando.

Valeu, sigo aguardando.

        <div class="principal">

            <h1>Sobre a Barbearia Alura</h1>

            <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>
        </div>

        <div class="beneficios">
            <h2>Benefícios</h2> 

            <ul>
            <li class="itens">Atedimento aos Clientes</li>
            <li class="itens">Espaço difenciado</li>
            <li class="itens">Localização</li>
            <li class="itens">Profissionais Qualificados</li>
            </ul>
            <img src="beneficios.jpg">
        </div>     

</body>

body {

}

#banner{ width:100%; }

.principal{ background: #CCCCCC }

h1 { text-align: center; }

p { text-align: center; }

#missao { font-size: 20px; }

em strong { color: #FF0000; }

.itens{ font-style: italic; }

.beneficios{ background: #FFFFFF; }

h2{ text-align:center; }

Então Renato depois que eu carreguei a outra imagem, do projeto, a pagina ficou igual a do professor.

Então no caso deu certo agora?