Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

evoluindo cada vez mais

Referente ao curso HTML e CSS: Classes, posicionamento e Flexbox, no capítulo Estilos de texto e fontes e atividade Lista de exercícios

por Samuel Carvalho da Silva
| 75.4k xp | 68 posts
:root {
    --fonte-principal: 'Roboto';
}

* {
    margin: 0;
    padding: 0;
}

body {
    height: 100vh;
    box-sizing: border-box;
    background-color: #000000;
    color: #F6F6F6;
    font-family: Arial, Helvetica, sans-serif;
    font-family: var(--fonte-principal);

}

.titulo__destaque {
    color: #22D4FD;
    font-size: 38px;
}

.container__principal {
    margin: 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.container__conteudo {
    width: 615px;
}

.container__titulo {
    font-size: 36px;
    font-family: Helvetica;

}

.container__paragrafo {
    font-size: 24px;
    color: #C0C0C0;
    margin-top: 8px;
    font-family: sans-serif;
}
1 resposta
solução!
por Lorena Garcia
| 8352.9k xp | 12213 posts
Alura Scuba Team Suporte Educacional

Oii Samuel, tudo bem?

É ótimo ver seu progresso! Seu código mostra um bom domínio de HTML e CSS, especialmente em relação ao posicionamento e ao uso de flexbox.

A definição das variáveis CSS no :root é uma prática muito útil para manter a consistência e facilitar futuras alterações de estilo. E, você tá utilizando corretamente as classes para estilizar diferentes elementos, o que ajuda a manter o código organizado e reutilizável.

A escolha da fonte principal através da variável --fonte-principal demonstra uma boa atenção aos detalhes de design e personalização.

Continue praticando e explorando novos conceitos!

Um abraço e bons estudos.