08 Lista de exercícios | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags


<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifólio</title>
    </head>
    <link rel="stylesheet" href="styles.css">
<body>
    <main>
        <h1>Eleve seu negócio digital a outro nível <strong>com um Front-end de qualidade!</strong></h1>
        <div class=" container">
        <p>Olá! Sou Dhiuliano, estudante e desenvolvedor Front-end com especialidade em React, HTML e CSS.<br>Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
      <img src="imagem1.png" alt="Programador programando">
      </div>
      <br><a href="https://instagram.com/dhiulianodacosta/"><button>Instagram</button></a>
   <a href=" https://github.com/Dhiuliano"><button>GitHub</button></a>
</main>
   <br><footer>Contato: (16) 1234-5678. Araraquara 2025. Todos os direitos reservados.</footer>
</body>
</html>

body {
    background-color: indigo;
    color: white;
    
  }
  img{
    width: 250px;
  }
  main {border-style: double;
        border-color: white;}
  .container{
            display: flex;
            align-items: center;
        }
        a{color: white}
        a :hover{color: purple;}
  button { background-color: blue; color: white; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer;}
  footer{border-style: solid;
            border-color: black;}

Olá, Dhiuliano, como vai?

Parabéns pelo progresso no seu exercício! O código HTML e CSS está bem estruturado e você fez um ótimo trabalho em aplicar estilos ao conteúdo da página. É visível o esforço para personalizar a aparência de cada elemento.

Gostaria apenas de sugerir uma pequena correção no seu CSS: no seletor a :hover, a margem entre o seletor a e o pseudo-classe :hover não deve ter espaço. O correto seria a:hover { color: purple; } ao invés de a :hover.

Além disso, no HTML, há um pequeno espaço extra dentro do atributo href do link do GitHub (href=" https://github.com/Dhiuliano") que pode ser removido para garantir a precisão da URL.

Continue assim, sempre praticando e aprimorando!

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

Abraços :)