1
resposta

Faça como eu fiz: estilize seu HTML

style.css

body {
    background-color: black;
    color: white;
}

index.html

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <title> Portfolio</title>
    <link rel="stylesheet" href="style.css">
</head>
1 resposta

Oi, Felipe! Como vai?

Gostei de como você estruturou o HTML e aplicou o CSS externo corretamente. Uma dica: você pode melhorar a legibilidade do seu código removendo o espaço extra dentro da tag <title> para manter um padrão mais limpo.

Se quiser deixar a experiência do usuário mais confortável, pode adicionar um ajuste na largura máxima do conteúdo. Veja este exemplo:


body {
    background-color: black;
    color: white;
    max-width: 800px;
    margin: auto;
}

Com isso, o conteúdo ficará centralizado e mais organizado em telas maiores.

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

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