Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

text-align: left não está fazendo sentido.

Olá e desde já agradeço a ajuda.

Logo no final do vídeo, para fazer o "desktop" ele adiciona o .conteudo__titulo{text-align: left} para com que toda a seção SOBRE fique alinhada a esquerda.

Entretanto a class="conteudo__titulo" engloba apenas o "< h2 >SOBRE</ h2 >", logo a única parte que é jogada para a esquerda é o título. Não consegui entender o porque de pra ele ter dado certo alinhar tudo a esquerda dessa forma. E (se tem algo errado) qual seria a forma correta?

4 respostas

postando meu código para validar.

<section class="sobre container">
                <div class="sobre__conteudo">
                    <h2 class="sobre__titulo">Sobre</h2>
                    <p class="sobre__texto">Criamos aplicativos personalizados para <strong class="sobre__texto--destaque">todas as pessoas</strong>!</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 da 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>
                </div>
                <img src="img/sobre-apeperia.png" alt="Sobre a Apeperia" class="sobre__imagem">