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

NFT Preview Card (Desktop version)

Mehul9063β€’ 10

@Mehul9063

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


This is my first solution. It contains the desktop version of the challenge. If there are any suggestions to improve my solution then please share your feedback.

Community feedback

@UDsGitHub

Posted

Hi Mehul, Your solution looks great! one quick tip though would be to add cursor: pointer to all your hoverable elements to make it more noticeable that these are interactable πŸ‘. Just went through your report and noticed you have a lot of errors basically saying you need to add alt text into your images. I know sometimes we (me) assume we dont need alt text on some images that we believe dont contain any descriptive text, but we need alt text also for accessibility by for example those who use screen readers to access our sites. Also one of your html reports said you should enclose your content in landmarks: quick tip, try to use the html elements more often that divs that would also help with accessibilty by other software that use html structure to navigate through a site πŸ‘. Before I leave ill give an example of the html stuff. you can use a main element and add the class of card you already have to itπŸ‘.

Marked as helpful

1

Mehul9063β€’ 10

@Mehul9063

Posted

@UDsGitHub Thank you for your feedback. I will change my solution accordingly and would also implement the suggestions given by you in all my future projects.

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