HTML/CSS

Community feedback

• 

  Michel Moreira•300

  @michel-moreira

  Posted over 2 years ago

  Olá Leandro! Parabéns por concluir esse desafio!

  Eu tenho algumas dicas que podem te ser úteis.

  Ao invés de usar a tag header, vou deveria usar a tag main, ela é responsável pela parte principal de uma página. Se você olhar no contexto, um qr_code geralmente faz parte de uma seção na parte principal de uma página. Você pode aprender mais sobre semântica aqui.

  Você precisa usar a tag h1, pois a página precisa ter um nível de título, como pois se segue uma hierarquia, esse nível começa com o h1.

  Esse card tem uma largura relativamente pequena, por isso você não precisa de um arquivo responsivo você pode definir uma largura (tipo width: 34px) e trabalhar com o margin após ter centralizado na tela.

  Vi que você aplicou a propriedade justify-content em alguns pontos, mas ele só é ativado após você declarar o display: flex, senão não surtirá efeito.

  Uma vez que no arquivo reset.css você "zerou" margin, padding e estabeleceu o box-sizing no border-box, na folha estilo.css você não precisa repetí-los.

  Espero que essa dicas sejam úteis para você.

  Happy coding!

  11

  Marked as helpful