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

Quando replico a classe, a imagem não se ajusta ao tamanho

Subi pro github pra ver se fica mais facil me ajudarem https://github.com/broobs/ExAluraPlus.git esse é o link o problema é na class="imagem__secundaria" não consigo fazer as telas ficarem do mesmo tamanho do primeiro monitor

2 respostas
solução!

Oi, Bruna, tudo bem?

O problema para que o CSS não seja aplicado a sua segunda seção ocorre devido ao nome da classe colocado no arquivo "index.html". Na primeira seção foi definido duas classes containere secundario, separados por um espaço. Nesta segunda seção o nome da classe utilizado foi container__secundario e esta classe não possui propriedades no arquivo CSS para serem aplicadas ao estilo da seção. Portanto, para corrigir essa questão, podemos reescrever o nome removendo os dois underscores (__) de modo que a classe seja escrita da seguinte forma:

<section class="container secundario">

Além disso, a imagem está dentro da tag <div>com o texto e o botão e para que a imagem fique ao lado direito da imagem, precisamos reposicioná-la para fora da <div>.

Dessa forma, com essa correção, o código da segunda seção ficaria assim:

<section class="container secundario">
    <div class="container__descricao">
        <p class="descricao__texto">
            Só o Combo+ oferece Alura+ e Alura Língua juntos para você ter acesso a cursos de diversas áreas da tecnologia e aprender inglês ou espanhol, onde e como quiser.
        </p>
        <a href="www.alura.com.br" class="container__botao secundario__botao">Assinar o Combo+</a>
    </div>
    <img src="img/Telas.png" alt="telas plataforma alura" class="imagem__secundaria">
</section>

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Deu certo!! Muito obrigadaa :)