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
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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
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!
Deu certo!! Muito obrigadaa :)