1
resposta

Lista de exercícios 3

.apresentacao {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 10%;
  }
  
  <section class="apresentacao__conteudo">
    <!-- Conteúdo da seção -->
</section>

.apresentacao__conteudo {
    width: 615px;
}

<h1 class="apresentacao__conteudo__titulo">Título</h1>
<p class="apresentacao__conteudo__texto">Texto</p>


.apresentacao__conteudo__titulo {
    font-size: 36px;
}

.apresentacao__conteudo__texto {
    font-size: 24px;
}

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

.apresentacao__conteudo__titulo {
    font-size: 36px;
    font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}
1 resposta

Oi, Estudante! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura!

Gostei de como você estruturou a estilização com Flexbox e organizou bem as classes CSS. Também conseguiu importar corretamente as fontes do Google Fonts. Parabéns pelo bom trabalho!

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!