Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Mão na Massa

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifolio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main>
        <h1 class="titulo-blog">
            Eleve seu negócio digital a outro nível 
            <strong>com um Front-end de qualidade!
            </strong></h1>
           
            <p class="texto-destaque">Olá!</p>

            <p class="urgente"></p>
            
            <a href="https://instagram.com">Instagram</a>
            <a href="https://github.com">GitHub</a>
            <img src="./assets/html.png" alt="">
    </main>
    <footer></footer>
</body>
</html>

CSS

* {
    margin: 0;
    padding: 0;
}

p {
    margin: 5px;
    padding: 15px;
}

body{
    background-color: #000000;
    color: #F6F6F6;
}

strong{
    color: #22D4FD;
}

.texto-destaque {
    color: white;
}

.titulo-blog {
    color: white;
}

.urgente {
    color: red;
}
1 resposta
solução!

Olá, William! Tudo bem?

Pelo que pude perceber, você seguiu as instruções dos exercícios corretamente. Criou as classes CSS "texto-destaque", "titulo-blog" e "urgente", aplicou-as aos elementos HTML correspondentes e estilizou essas classes no arquivo CSS. Além disso, aplicou o reset CSS usando o seletor universal *.

No entanto, notei que você não inseriu nenhum texto no parágrafo com a classe "urgente". Por isso, mesmo que a classe esteja corretamente estilizada para ter a cor do texto vermelha, você não verá nada na página, pois o parágrafo está vazio. Sugiro que você adicione algum texto a esse parágrafo para ver o efeito da classe "urgente". Por exemplo:

<p class="urgente">Notícia urgente: Aprenda HTML e CSS com a gente!</p>

Além disso, percebi que você não compartilhou a parte do exercício em que você inspeciona elementos e aplica o modelo de caixa na prática. Se você tiver dúvidas sobre esses tópicos, fique à vontade para pedir ajuda.

No geral, você fez um ótimo trabalho. Parabéns! Continue assim praticando e evoluindo.

Espero ter ajudado e bons estudos!