Submitted over 2 years ago

NFT preview card using HTML, CSS & Flexbox

Glenn Høines• 10

@GlennHL

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

My first challenge on frontendmentor.io, also my first code written alone without a code-along video tutorial. Feel free to give any feedback on what to improve on, it will be highly appreciated.

Community feedback

Shashree Samuel• 9,260

@shashreesamuel

Posted over 2 years ago

Hey good job completing this challenge.

Keep up the good work

Your solution looks great however I think that the box-shadow is supposed to be subtle. You can fix this by simply decreasing the value specified for the box-shadow property

I hope this helps

Cheers Happy coding 👍

Glenn Høines• 10

@GlennHL

Posted over 2 years ago

@TheCoderGuru Thank you for the positive feedback, appreciate it! I actually did that on purpose because I personally liked it better, should probably have included that info though, my bad. Thank you for having a look, happy coding to you as well my friend :)

Nicole Parker• 290

@NParker33

Posted over 2 years ago

Fantastic job on this! One small suggestion would be to either remove or adjust the media query so that the hover state can be viewed on smaller screens, like laptops, as well. Keep up the great work!

Glenn Høines• 10

@GlennHL

Posted over 2 years ago

@NParker33 Thank you for the feedback and the kind words, much appreciated! I will definitely implement what you are saying.

Please log in to post a comment

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