Não sei se eu digitei algo errado. Talvez pode até ser. Vejas os códigos abaixo:

Aqui o HTML da seção "Sobre"

<section class="sobre container">
                        <div class="sobre__conteudo">
                            <h2 class="sobre__titulo">Sobre</h2>
                            <p class="sobre__texto">Criamos aplicativos personalizados para todas as pessoas!</p>
                            <p class="sobre__texto">A manutenção de um aplicativo não pode ser um custo extra para o cliente, Na Apeperia você assina nosso serviço e a manutenção já está inclusa. Assim, você não se preocupa com manutenção, é tudo por nossa conta.</p>
                            <p class="sobre__texto sobre__texto--destaque sobre__texto--divisao">Conte com uma equipe especializada e exclusiva pra projetos incríveis em qualquer plataforma.</p>
                            <ul class="sobre__plataformas">
                                <li><img src="img/android.png" alt="Ícone do Android"></li>
                                <li><img src="img/blackberry.png" alt="Ícone do Blackberry"></li>
                                <li><img src="img/apple.png" alt="Ícone da Apple"></li>
                                <li><img src="img/windowsphone.png" alt="Ícone da Microsoft"></li>
                            </ul>
                            <p class="sobre__texto">Desenvolvemos aplicativos para todas as plataformas</p>
                            <img src="img/sobre-apeperia.png" alt="sobre a Apeperia" class="sobre__imagem">
                        </div>
                    </section>

Aqui o CSS da seção "Sobre"

.sobre {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.sobre__titulo {
    color: var(--cinza-escuro);
    font-weight: 700;
    font-size: 1.5rem;
    font-family: var(--montserrat);
    text-transform: uppercase;
    text-align: center;

    margin-bottom: 1.25rem;
}

.sobre__texto {
    line-height: normal;

    margin-bottom: 1rem;
}

.sobre__texto--destaque {
    color: var(--cinza-escuro);
    font-weight: 700;
}

.sobre__plataformas {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;

   margin-bottom: 1rem;
}

Logo abaixo imagens do corpo e a imagem que não ficaram bem centralizados conforme a aula

Aqui o texto ficou muito encostado na lateral. E sendo que no código da aula não fez isso. O que será que aconteceu?

Aqui a imagem ficou mais para a esquerda e não ocupando todo o espaço da tela e centralizada. Na aula não ficou assim.