Entrar Ainda não tem acesso?
3
respostas

[Projeto] Desafio/ Estilizando página web com Css

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

por Estanislau Antonio da Silva Junior
| 38.4k xp | 139 posts

HTML

 <!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title> Portifólio Front-end</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <h1> Eleve seu negócio digital a um front-end de qualidade!</h1>
        <P> Olá sou Estanislau Jr desenvolvedor Front-end com especialidade em Html, Css, e React. Ajudo pequnos negócios e designer a colocarem em prática boas ideias. Vamos conversar?</P>
        <img src="images.png" alt="Html,Css">
        <br>
        <a href="https://www.instagran.com/@estanislau.junior.51"<buton></button><a>
            <a href="https://github.com/EASJúnior751"<buton></button></a>
            </body>
            </html>
3 respostas
por Estanislau Antonio da Silva Junior
| 38.4k xp | 139 posts

CSS

body{
    background-color:green;
}
h1{
    color:grey;
}
h2{
    color:yellow;
}

button{
    background-color:gray;
    color:black
    font-weight:16px;
por Estanislau Antonio da Silva Junior
| 38.4k xp | 139 posts

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Eleve seu negócio a um Front-end de qualidade!

por Mike de Sousa
| 1144.6k xp | 2009 posts
Alura Scuba Team Suporte Educacional

Olá, Estanislau, como vai?

Que bacana ver seu empenho em estilizar sua página! O projeto está bem estruturado, mas há alguns pontos no HTML e CSS que podemos ajustar para melhorar a funcionalidade e o estilo do código. Vamos lá:

Correções e Sugestões no HTML:

1 - Tags de âncora:

Há um pequeno problema na sintaxe das tags <a> e <button>. A tag <a> não foi fechado corretamente e os botões não têm conteúdo. Você pode ajustar da seguinte forma:


<a href="https://www.instagram.com/estanislau.junior.51">
    <button>Instagram</button>
</a>
<a href="https://github.com/EASJúnior751">
    <button>GitHub</button>
</a>

2 - Correção no CSS:

Está faltando um ponto e vírgula no final de color: black. Além disso, o valor 16px não se aplica em font-weight, tente uma propriedade como font-size para definir o tamanho da fonte. Ajuste:


button {
    background-color: gray;
    color: black;
    font-size: 16px;
}

Se precisar de mais ajuda ou tiver dúvidas, o fórum está à disposição! Continue compartilhando seus projetos, eles ajudam tanto no aprendizado quanto na troca de experiências

Espero ter ajudado!

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

Abraços :)