Design comparison
Community feedback
- @michel-moreiraPosted almost 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!
Marked as helpful1@Leandrinho-AlvarengaPosted almost 2 years ago@michel-moreira ah sim, muito obrigado
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord