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 card preview

@Zubby126

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

@juanardanaz

Posted

Hi @Zubby126, congrats for uploading your solution of this challenge!

I saw your code, and if you allow me I leave you some recommendations: In order to apply good practices, in the HTML file try to put only the html info. The css data of the assets and elements like "width, height, color, etc" put it in the CSS file. This will be more useful in the future and to work on your project.

The images are not uploading, try this and see if it fixes it:

<img src="./images/image-equilibrium.jpg">

<img src="./images/icon-ethereum.svg">

<img src="./images/icon clock.svg">

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

Also, its recommended that images must have alternate text. You can write something related to the image.

It is recommended that the css file start like this:

  • {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

I hope this helps you!

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