1
resposta

[Dúvida] Texto abaixo da imagem ao invés de estar ao lado

A texto aparece em baixo da imagem e não ao lado como na aula. Ja revisei todos as linhas no index.html mas nao modifica.

<title>Alura Plus</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">

Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.

O combo+ e ajuncao do alura+ e alura lingua Assine por 12 de R4 120,00* Assinar somente o Alura+

*O preço pode variar caso a assinatura seja feita em outros planos.

</div>
</section> 
<section class="container__secundario">
    <img src="imagens/imagem.png" alt="Um monitor e um celular com o Alura+ aberto" class="secundario__imagem">
    <div class="container__descricao">
    <h2 class="descricao__titulo">Assita do seu jeito</h2>
       <p class="descricao__titulo">Aproveite a tela grande da TV ou assista no tablet, laptop, celular e outros aparelhos. Nossa seleção de cursos não para de crescer.
       </p>
       </div>
    </section>  
1 resposta

Oii, Jose!

Você pode fazer isso com um flexbox. No seu arquivo CSS, você vai precisar definir a propriedade display: flex; para o container que envolve o texto e a imagem. No seu caso, seria o .container__secundario.

.container__secundario {
    display: flex;
}

Com essa propriedade, os elementos filhos do .container__secundario (a imagem e a div .container__descricao) vão se alinhar lado a lado, ao invés de um abaixo do outro.

Se a dúvida persistir, sinta-se à vontade para postar!

Abraços e bons estudos! :)

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