1
resposta

[Projeto] Exercicios resolvidos

1.

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

2.

.apresentacao__conteudo{
  width: 615px;
}

3.

.apresentacao__conteudo__titulo{
  font-size: 36px;
}

4.

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.apresentacao__conteudo__tiulo{
font-family: "Krona One", sans-serif;;
}
.apresentacao_-conteudo__paragrafo{
font-family: "Montserrat", sans-serif;;
}

5.

.apresentacao__conteudo__tiulo{
font-size: 36px;
font-family: "Krona One", sans-serif;;
}
.apresentacao_-conteudo__paragrafo{
font-size: 24px;
font-family: "Montserrat", sans-serif;;
}
1 resposta

Olá, Valentina, como vai?

Seu código está bastante alinhado com as atividades propostas. A utilização do Flexbox com justify-content: space-between e margem na .apresentacao está correta para espaçar os elementos. A definição da largura em .apresentacao__conteudo também segue bem o que foi pedido.

No entanto, notei alguns pequenos erros de digitação nos nomes das classes CSS que podem causar problemas na aplicação dos estilos. Por exemplo, .apresentacao__conteudo__tiulo quando o correto é .apresentacao__conteudo__titulo (faltando o "t" em "titulo"). Além disso, há .apresentacao_-conteudo__paragrafo com um hífen a mais, que deveria ser .apresentacao__conteudo__paragrafo. Essas diferenças podem fazem com que as regras CSS não sejam aplicadas corretamente aos elementos HTML correspondentes.

No mais, sua atividade está ótima. Continue compartilhando seu trabalho aqui no fórum, que estamos à disposição para ajudar no que precisar.

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