Entrar Ainda não tem acesso?
3
respostas

[Projeto] Lista de Exercícios 4

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

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>
por Lorena Garcia
| 8900.3k xp | 13281 posts
Alura Scuba Team Suporte Educacional

Oi, Estanislau!

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei de como você aplicou o seletor universal * no CSS para remover margens e espaçamentos iniciais, garantindo um layout mais limpo. Isso é uma boa prática no desenvolvimento web.

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

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

bons estudos