Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Layout cartão de visualização utilizando apenas HTML5/CSS3

@MTbustamante98

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Foco, dedicação e sempre praticando. Usaria mais ferramentas.

What challenges did you encounter, and how did you overcome them?

Encontrei algumas estilizações que não conhecia ainda, acabei procurando de várias maneiras para chegar ao resultado final.

What specific areas of your project would you like help with?

Não entendi a parte das box-shadows que o layout contém, acabei não colocando nada relacionado a isso, ou talvez não sejam sombras ao redor do container.

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

  • Se quiser o box-shadow, é para usar na tag que representa o card, a main, não na section. Além disso, a tag section aparentemente não está sendo útil para alguma coisa, aparentemente.
  • Não inclua a palavra "imagem" nos atributos alt das imagens pois a própria tag já convém essa informação, já passaria para alguém com deficiência.
  • Ao invés de usar uma <div class="decoracao">, é melhor utilizar a tag semântica <hr>```. Hr significa Horizontal Rule, onde o propósito dela é ser uma linha.

Espero ter ajudado!

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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