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

[Projeto] [Projeto] Mão na massa - HTML e CSS

Aqui esta meu código fazendo a lista de exercícios "Mão na massa", é a primeira vez que estudo HTML e CSS e estou impressionada o quanto estou gostando

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>HTML e CSS</title>
</head>
<body><main>
    <h1 class="titulo-blog"><strong>Lipsum dolor sit amet. </strong></h1>
    <p1 class="urgente"> ATTENZIONE!!Rem doloribus adipisci qui dolore repellendus et optio adipisci est minus quod. Non saepe maxime ex doloremque dolor aut molestias quis. Aut impedit quidem qui autem repellendus eum excepturi commodi et voluptatem architecto a molestiae quisquam quo quae optio qui officiis accusantium!</p1> 
    <p class="texto-destaque">Et reprehenderit sequi est galisum reiciendis in possimus accusamus id vero dignissimos. Eum dolorum suscipit sit accusamus voluptas aut totam quisquam. Sit nulla eius est eaque quod est exercitationem magnam. Et facere cumque et error minus a similique reprehenderit. Id aspernatur facere ea omnis sunt ut deleniti inventore aut odio ducimus sit porro corporis. </p>

</main>
    
</body>
</html>
*{
    margin: 10;
    padding: 0;
    border: 50;
    content: 50;

}

body{
    background-color: #F2E5BD;
}
.titulo-blog{
    color: #0756F2;
}
.texto-destaque{
    color: #0D1940;
}
.urgente{
    color: #A60303;
}
1 resposta
solução!

Olá, Mariana!

Você fez um ótimo trabalho aplicando as classes CSS conforme o enunciado dos exercícios. As classes ".titulo-blog", ".texto-destaque" e ".urgente" foram criadas corretamente no HTML e estilizadas no CSS. Parabéns por isso!

Mas um ponto de melhoria. No seu código, você definiu as propriedades "margin", "padding", "border" e "content" com valores numéricos, mas não especificou a unidade de medida (como "px" para pixels, por exemplo).

Um exemplo de reset CSS poderia ser:

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

Nesse caso, estamos definindo que todos os elementos da página (selecionados pelo seletor universal "*") terão margem, preenchimento e borda de 0 pixel.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!