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

Using Vanilla HTML/CSS for NFT preview card component

@curiousdilip

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


open to any suggestions

Community feedback

Shaxboz 1,230

@shakhboz-shukhrat

Posted

Hello there👋! Congratulations on completing this challenge!

There are no syntax errors in the code. However, there are some issues with the CSS that could be fixed:

The font family in the link href is incorrect. It should be "Outfit:wght@300;400;600" instead of just "Outfit".

The ".box .img-container" selector is repeated twice. The second one should be renamed to ".img-hover".

The ".box h1:hover" selector is missing a closing curly brace.

Corrected CSS:

Anyway, your solution is great. Hope you will find this helpful. Happy coding!

Marked as helpful

0

@curiousdilip

Posted

thanks @Trueboss

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