Submitted over 2 years ago

NFT preview card using HTML and CSS with a little bit of media queries

Kevin Molina• 200

@KevinMA95

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

Any advice is welcome, specially with the units since this is my first time using almost only % as the main unit.

And please let me know if there was a better way to do the hover effect in the main image.

Community feedback

Abdul• 8,540

@Samadeen

Posted over 2 years ago

Hey!! Cheers 🥂 on completing this challenge.. .

Here are my suggestions..

You should adjust your max-width and max-height.
Its best to use em or rem as measurement units.
You can use flexbox to center your container both vertically and horizontally

This should give your code a nicer look.

. Regardless you did amazing... hope you find this useful... Happy coding!!!

Marked as helpful

Kevin Molina• 200

@KevinMA95

Posted over 2 years ago

@Samadeen Thank you so much, Abdul!I will start using em and rem for my next projects.

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