Skip to content
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 tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

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
    @SamadeenPosted 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
    1
    Kevin Molina•200
    @KevinMA95Posted over 2 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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