Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Página usando CSS FlexBox

@DAST-87

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Anosha Ahmed 9,300

@anoshaahmed

Posted

To avoid accessibility issues in the future:

  • wrap everything in your body in <main> OR give role="" to the direct children of your <body> ... Read more here
  • give ur <img> an alt=""
  • <a> should have an aria-label ... Read more here

Good job! :)

Marked as helpful

0
radriann 150

@radriann

Posted

Good job with this challenge! Some recomendations: The position of attribution, you can use the {position: absolute} for centrate it in bottom. Some alt attributes are empty, you shouldn't put them if you won't put anything in them. The hover icon can be reduced and it would look much better, plus a small transition of a few seconds can be added so that the change is not so abrupt.

Congratulations on completing the challenge ^ - ^ keep coding and have a nice day

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