Design comparison
Solution retrospective
Achei um pouco difícil na questão da responsividade, não consegui colocar a imagem e as margens do jeito que eu queria
Community feedback
- @AwesomeWolf22Posted almost 2 years ago
O código está muito bom, mas existem alguns pontos que podem ser melhorados.
1° O uso da tag main para sinalizar o conteúdo principal da página. Link: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/main#especificações aqui está um link para você ler um pouco sobre a tag main
2° Você pode usar a tag semântica footer ao invés de um div class="footer", isso facilitara a busca do seu site em mecanismos de busca, além de deixar o código bem mais organizado. Link: https://blog.geekhunter.com.br/voce-conhece-html-semantico/#:~:text=O%20HTML%20semântico%20é%20a,mais%20fácil%20de%20interpretar%20páginas. Outro link interessante para descobrir sobre o assunto :)
3° O projeto contém 2 imagens, uma para o desktop, e outra para o mobile, você colocando as duas imagens juntas, especifica a imagem mobile como display: none, e quando entrar nos responsivo da um display:block na imagem mobile e um display:none na imagem desktop.
São esses os pontos que eu enxerguei, espero ter ajudado, abraço! :)
Marked as helpful1 - @joseeugeniioPosted almost 2 years ago
vlw cara, ajudou demais, vlw mesmo, nem sabia que existia um site do mozilla, via mais o da w3school, to aprendendo agr, comecei à alguns anos mas eu nunca peguei assim pra treinar mesmo, eu programava mais em Java
1
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