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 solution using Stylus

@macpoz

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

Feel free to give feedback

Community feedback

PhoenixDev22 16,950

@PhoenixDev22

Posted

Greeting Maciej Poznańsk,

You have done great work on styling your card , I would suggest to:

• Wrap the content of <h1>Equilibrium #3429</h1> and <span>Jules Wyvern</span> in an anchor tag <a> (You need an interactive element around them. Anything with a hover style in a design means it’s interactive).

Don't stop and keep doing solutions, hope this feedback helps. Happy coding

0
Web Wizard 5,690

@rsrclab

Posted

Hi, @macpoz ~

Congratulate on your solution to the challenge. I have studied your work, and learned a lot. Great work so far!

The only thing I can recommend is to try using transition effects on hover events and BEM structuring for classing elements. It will be a great help a lot on bigger projects.

Happy coding ~

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