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-component

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 solution to this challenge, please leave me comments. Thank you!!

Community feedback

bikeinman 1,080

@BikeInMan

Posted

Great work! Nicely done with pure CSS.

Marked as helpful

0
Daniel 280

@Dani237

Posted

About the accesibility issues that you have on your solution, you must add an "alt" html atribute. That is for people who cannot see the image but use a screen reader, among other cases. For example:

<img src="./images/image-avatar.png" alt="The user avatar">

Then for the HTML validations, in order from your report:

- You must use a heading element (h2-h6) on each section element, if you don't want to use a heading you can use a div element instead a section element.
- The same thing for the accesibility of the images.
- The same of the first item about the section element and the headings.

Regarding the design, you did a great job!! Keep going!

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