Submitted about 1 year ago

NFT PREVIEW PAGE

OsujiJr• 70

@OsujiJr

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

I will love any feedback or corrections on this too. One thing I saw that was some sort of hurdle was the active state image; I saw a little eye icon on the image, and also the filter or something like that changing once the mouse is hovered over. I don't know how to go about it.

Community feedback

Account Deleted

Hi!

Nice component, here are my tips:

Try using BEM, makes your code more readable and organised!
Make sure your css is indented properly, in the media queries it is a bit messy. (prettier in VS Code prevents that)
Take a look at more semantic tags in HTML other than div, which basically is meaningless, for example: <div class="main"> can be replaced by <main>. Also make sure your HTML is indented properly as well.

Cheers!

Marked as helpful

OsujiJr• 70

@OsujiJr

Posted about 1 year ago

THANK YOU, I APPRECIATE IT @developer-ruben

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