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 Component

Hipp0Fir3 310

@VladAvram232323

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


Hi everyone! Im open to hear any suggestions to improve my code, I know it's a mess I'll try to use SCSS next time. Also, I have a little overflow when it comes to the overlay above image.

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hello!

The overflow is generated because you must always give display: block to the images. With that you should no longer have this problem of invisible spacing.

By the way the text "Equilibrium" also has the effect of changing color, so add it.

And if you are going to start using SCSS mix it with BEM methodology so it will be 100% more organized :D!

Finally at the end of the <main> tag you have a text "3 days left Creation of Jules Wyvern", remove it since you have already used it in the layout of the card.

I hope my comments have helped you :D!

Marked as helpful

1

Hipp0Fir3 310

@VladAvram232323

Posted

@Sdann26 thank u, really helped 🙏

1

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