Entrar Ainda não tem acesso?
1
resposta

Exercício

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS, no capítulo Criando header e footer e atividade Lista de exercícios

por Edivoneide Ferreira Silva De Araujo
| 62.8k xp | 77 posts

1º

.rodape {
    color: #000000;
    background-color: #22D4FD;
    padding: 24px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 400;
}

2º

.apresentacao {
    padding: 8% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

3º

body {
    /* height: 100vh; */
    box-sizing: border-box;
    background-color: #252525;
    color: white;
}

4º

.cabecalho__menu__link {
    font-family: "Montserrat", "sans-serife";
    font-size: 24px;
    font-weight: 600;
    color:#a24cb4;
    text-decoration: none;
}

5º

.cabecalho__menu {
    display: flex;
    gap: 80px;
}
1 resposta
por Rafael Rocha
| 2755k xp | 5832 posts
Alura Scuba Team Time Alura | Apoio Educacional no Fórum

Oiii Edivoneide,

É muito bom poder acompanhar de perto a sua evolução nos estudos junto a Alura. Você a cada momento que passa demonstra está se aprofundando nos estudos e aprendizados.

Seu código do exercício 4 está no caminho certo, mas há um pequeno erro na definição da fonte. A propriedade font-family deve ser "sans-serif" em vez de "sans-serife":

.cabecalho__menu__link {
    font-family: "Montserrat", "sans-serif";
    font-size: 24px;
    font-weight: 600;
    color: #a24cb4;
    text-decoration: none;
}

Além disso, para adicionar um hover, podemos fazer da seguinte forma:

.cabecalho__menu__link:hover {
    color: #ff00ff; /* Escolha uma cor que você goste */
}

Após realizar as mudanças, salve o arquivo de estilo.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição. Abraços e bons estudos!

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