Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Projeto] Lista de Exercícios 4

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS

por Estanislau Antonio da Silva Junior
| 35.6k xp | 120 posts
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>
<body>
    <header class="cabecalho">
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu_link" href="index.html">Home</a>
            <a class="cabecalho__menu_link" href="about.html">Sobre mim</a>
        </nav>
    </header>
    <main class="apresentacao"></main>
    <footer class="rodape"></footer>
</body>
</html>
3 respostas
por Estanislau Antonio da Silva Junior
| 35.6k xp | 120 posts

Css

*{
    margin: 0;
    padding: 0;
}
.cabecalho{
    padding: 2% 0% 0% 15%;
}

.cabecalho__menu{
    display: flex;
    gap: 80px;
}

.cabecalho__menu_link{
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #22D4FD;
    text-decoration: none;
}

.apresentacao {
    padding: 5% 15%;
}
por Estanislau Antonio da Silva Junior
| 35.6k xp | 120 posts

About.Html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sobre mim</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>
<body>
    <header class="cabecalho">
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu_link" href="index.html">Home</a>
            <a class="cabecalho__menu_link" href="about.html">Sobre mim</a>
        </nav>
    </header>
    <main>
        <h1>Sobre mim</h1>
    </main>
    <footer></footer>
</body>
</html>
solução!
por Lorena Garcia
| 8900.3k xp | 13281 posts
Alura Scuba Team Suporte Educacional

Oii, Estanislau!

Obrigada por compartilhar seu código com a gente. Muito bom ver você praticando enquanto estuda, essa é uma forma de fixar bem o conteúdo.

Gostei de como você utilizou flexbox na classe .cabecalho__menu, organizando os links de navegação com o gap para manter um espaçamento adequado. Essa abordagem deixa a interface mais equilibrada.

Continue firme nos estudos!

Conte com o apoio do Fórum na sua jornada de estudos. Abraços.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos