1
resposta

[Projeto] I Exercicios alura +

html

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alura Plus</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <section class="background">
        <h1 class="texto_principal_anuncio">Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
        <img src="Img/Combo.png" alt="Logo do combo">
    </section>
</body>

</html>

css

:root {
    --branco-principal: #FFFFFF;
    --cinza-principal: #F9F9F9;
    --cinza-secundario: #C0C0C0;
    --vermelho-efeito:#EC2F46;
    --azul-botao: #167BF7;
    --background:#00030C;

}
body {
    
    background-color: var(--background);
    color: var(--branco-principal);
}
*{
    margin: 0;
    padding: 0;
}
.background {
    height: 100vh;
    background-image: url("Img/Background.png");
}
1 resposta

Olá, Stephanie, como vai?

O código entregue está correto e demonstra uma boa compreensão dos conceitos abordados. A estrutura HTML segue as boas práticas, com uso adequado das metatags, vinculação do CSS e textos alternativos nas imagens. No CSS, o uso de variáveis no :root está bem aplicado, e o seletor universal foi utilizado corretamente para o reset de margens e padding.

Um ponto que vale mencionar é a ordem entre o seletor * e as regras do body. Como o seletor universal tem especificidade zero, ele pode ser sobrescrito por qualquer outra regra, mas posicioná-lo antes do body é uma convenção mais comum em projetos, facilitando a leitura e manutenção do código.

Obrigado por compartilhar o seu projeto, Stephanie.

Continue assim e sinta-se à vontade para trazer suas próximas atividades ao fórum.

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