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
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 container
e 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 :)