1
resposta

[EXERCICIOS] Estilos e fontes de texto

Exercício 1

.apresentacao {
  display: flex;
  align-items: center;     
  justify-content: space-between; 
  margin: 10%;               
}

Exercício 2

<section class="apresentacao">
  <div class="apresentacao__conteudo">
    <h1 class="apresentacao__conteudo__titulo">Olá, eu sou Mariana</h1>
    <p class="apresentacao__conteudo__texto">
      Desenvolvedora front-end apaixonada por tecnologia!
    </p>
  </div>
  <img src="minha-foto.png" alt="Foto Mariana">
</section>
.apresentacao__conteudo {
  width: 50%; 
}

Exercício 3

.apresentacao__conteudo__titulo {
  font-size: 2rem; 
}

.apresentacao__conteudo__texto {
  font-size: 1.2rem;
  line-height: 1.5;
}

Exercício 4

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

Exercício 5

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

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

Olá, Mariana, como vai?

Seu código está muito bem estruturado e cobre exatamente o que foi solicitado em cada exercício. Você utilizou Flexbox de forma correta para organizar os elementos, definiu a largura do conteúdo de texto de forma equilibrada, aplicou tamanhos de fonte adequados e trouxe as fontes do Google Fonts para dar mais identidade ao projeto.

Continue compartilhando suas soluções, pois isso ajuda bastante na prática e também enriquece o fórum.

Conte sempre com o fórum para trocar ideias e evoluir junto com a comunidade.

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