1
resposta

[Projeto] Section Baixe seus cursos

Reutilizei a marcação do HTML modificando apenas os textos e src da imagem. No CSS foi aplicação do Don't repeat yourself para aproveitar os estilos da section anterior.

HTML

<section class="container secondario">
    <img
         src="/img/Notebook.png"
         alt="Um monitor e um celular com o alura plus aberto"
         class="secondario__imagem"
    />
    <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>

CSS

.secondario {
  align-items: center;
  margin: 0 10em;
}

.secondario__imagem {
  width: 80%;
}

.descricao__titulo {
  font-size: 48px;
  font-weight: 700;
  color: var(--branco-principal);
  margin-bottom: .1em;
}

.descricao__texto {
  color: var(--cinza-secundario);
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá João, tudo bem?

Excelente!

Continue praticando e bons estudos !

Ah, caso tenha alguma dúvida não deixe de contar conosco, estamos a disposição para ajudar :)