

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!


Fala, Mateus! Tudo bom com você?
Então, isso daí está sendo causado porque, no seu HTML, a imagem está dentro da div 'container__descricao', daí não faz a divisão do conteúdo em duas partes com a propriedade 'grid-template-columns: 50% 50%' que foi definida na classe 'container'. Se você alterar pra ficar dessa forma, deve funcionar:
<section class="container secundario">
<div class="container__descricao">
<p class="descricao__texto">Só o Combo+ oferece o Alura+ e o Alura Línguas juntos para você ter acesso a cursos de diversas áreas da tecnologia e aprender inglês ou edivhol onde e como quiser.</p>
<a class="container__botao secundario__botao" href="www.alura.com.br">Assina o Combo+</a>
</div>
<img src="img/Telas.png" alt="Layouts das páginas Alura e Alur+">
</section>
Espero ter ajudado, bons estudos e abraços!