Entrar Ainda não tem acesso?
2
respostas

[Projeto] Exercicio

Referente ao curso HTML e CSS: Classes, posicionamento e Flexbox

por Giovani Sederisto Duarte
| 10.2k xp | 10 posts

Exercício proposto

HTML

<section class="apresentacao__conteudo">
    <h1 class="apresentacao__conteudo__titulo">
        <p class="apresentacao__conteudo__texto">
</section>

CSS

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

.apresentacao{
margin: 10%;
display: flex;
align-items: center;
justify-content: space-between;
}
.apresentacao__conteudo{
    width: 615px;
}
.apresentacao__conteudo__titulo{
    font-size: 36px;
    font-family: 'Krona One', sans-serif;
}
.apresentacao__conteudo__texto{
    font-size:  24px;
    font-family: Montserrat', sans-serif;
}
2 respostas
por Victor Costa Santos
| 2076.7k xp | 4054 posts
Alura Scuba Team Monitor do suporte educacional

Olá, Giovani!

Talvez tenha sido algum erro na hora de enviar, mas notei que a tag <h1> está sendo usada de forma incorreta, pois está abrindo e não fechando antes da tag <p>. O correto seria fechar a tag <h1> antes de iniciar a tag <p>. Aqui está uma correção:

<main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo">Título do seu conteúdo</h1>
        <p class="apresentacao__conteudo__texto">Texto do seu conteúdo</p>
    </section>		
</main>

Seu CSS parece bem estruturado. Apenas certifique-se de que todos os elementos HTML que você deseja estilizar estão corretamente fechados e que as classes CSS estão sendo aplicadas corretamente.

Obrigado por compartilhar, continue praticando e explorando cada vez mais!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
por Giovani Sederisto Duarte
| 10.2k xp | 10 posts

Opa ok obrigado pela orientação...isso mesmo faltou.