Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

reaproveitamneto da section nao funciona ,projeto do desafio

imagem do bug do projeto

<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 da alura plus" class="secundario__img"> 
    <section>



    <section class="container secundario">
        <img src="img/Notebook.png" alt="notebook alura plus">
        <div class="container__descricao">
            <h2 class="descricao__titulo">Baixe seus cursos</h2>
            <p class="descricao__texto">Baixe e assista quando e onde quiser. Assim, seus favoritos estão sempre com você, até mesmo sem internet.</p>
        </div>
        <section>     
</body>
</html>
.secundario__imagem{
width: 80%;
}

.secundario{
align-items: center;
margin: 0 10em;
}
.descricao__titulo{
font-weight: 700; 
font-size: 48px;
color: var(--branco-principal);
margin-bottom: 0.3em;
}
.descricao__texto{
color: var(--cinza-segundario);
}

.secundario__botao{
display: inline-block;
margin-top:1em;
}
.container__descricao{
padding:2em;
}
1 resposta
solução!

Olá, Ryan, tudo bem?

Analisei o seu código e consegui identificar o erro que está gerando esse comportamento. Seu código está quase certo, você apenas esqueceu de fechar a section com o '/'. Ambas as section não foram fechadas. Lembre-se que algumas tags é necessário fechar com o /.

O código correto ficará assim:

<section class="container secundario">
                <div class="container__descricao">
                    <p class="descricao__paragrafo">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="http://www.alura.com.br" class="container__botao botao__terciario">Assine o Combo+</a>
                </div>
                <img src="./imagens/telas.png" alt="Duas telas mostrando o alura plus" class="secundario__imagem imagem_secundaria">
            </section>

            <section class="container secundario">
                <img src="./imagens/notebook.png" alt="Um notebook aberto e a tela mostra um curso de HTML e CSS da alura" class="secundario__imagem">
                <div class="container__descricao">
                    <h2 class="descricao__titulo">Baixe seus cursos</h2>
                    <p class="descricao__paragrafo">Baixe e assista quando e onde quiser. Assim, seus favoritos estão sempre com você, até mesmo sem internet.</p>
                </div>
            </section>

Espero ter ajudado.

Caso surja alguma dúvida, fico à disposição.

Abraços e até mais!

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