Entrar Ainda não tem acesso?
2
respostas

[Projeto] font-family: "Montserrat", serif;

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

por Estanislau Antonio da Silva Junior
| 29.6k xp | 78 posts

HTML

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>3º Portifólio de Estanislau Jr</title>
    </head>
    <body>
        <header></header>
        <main>
            <div class="apresentacao">
                <section class="apresentacao__conteudo">
                    <div><h1><span class="apresentacao__conteudo__titulo"> Eleve seu negócio digital a um Front-end de qualidade!</span></h1></div>
                    <p class="apresentacao__conteudo__texto">Olá! Sou Estanislau Jr desenvolvedor Front-end com especialidade em React, HTML e Css. Ajudo pequenos negócios e designers a colocarem em prática as boas ideias. Vamos conversar?</p>
                </section>
                <div><img src="inicial.bmp" alt="Imagem do HTML e Css">
                    <a href="https://instagram.com/estanislau.junior.5">Instagram</a>
                    <a href="https://github.com/EASJúnior">GitHub</a>
                </main>
                <footer></footer>
            </body>
            </html>
2 respostas
por Estanislau Antonio da Silva Junior
| 29.6k xp | 78 posts

Css

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body{
    background-color:green;
    font-family: 'Arial', 'Arial, serif';
    height: 100vh;
    box-sizing: border-box;
}
.apresentacao{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10%;
}
.apresentacao__conteudo{
    width: 615px;
    font-family: "Krona One", sans-serif;
}
.apresentacao__conteudo__titulo{
    font-size: 30px;
    color: red, blue;
}
.apresentacao__conteudo__texto{
    font-size: 24px;
    font-family:"Monteserrat", sans-serif;
    color:red;
}

Eleve seu negócio digital a um Front-end de qualidade!

por Mike de Sousa
| 776k xp | 1262 posts
Alura Scuba Team Suporte Educacional

Olá, Estanislau, tudo bem?

Seu código está bem estruturado, mas encontrei alguns pontos que você pode ajustar:

1 - Na propriedade font-family do body, você escreveu 'Arial', 'Arial, serif'. O correto seria remover a vírgula extra e deixar apenas 'Arial', serif, assim:

font-family: 'Arial', serif;

2 - Na classe .apresentacao__conteudo__titulo, a propriedade color: red, blue está incorreta. O valor de color deve ser uma única cor ou um valor válido. Caso você queira um gradiente de cores, você pode usar linear-gradient, mas para uma cor sólida, basta escolher uma só. Por exemplo:css

color: red;

3 - Na classe .apresentacao__conteudo__texto, o nome da fonte está com um pequeno erro de digitação: Monteserrat deveria ser Montserrat. Corrija para:

font-family: "Montserrat", sans-serif;

De modo geral, seu exercício está bem feito! Continue assim, e não hesite em compartilhar mais.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)