Skip to content
Submitted over 3 years ago

Responsive NFT preview card component

sass/scss
Kevin Mason•280
@mrfinesse47
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I used pixel units, that way I could make it pixel perfect to the Figma files. Is it better to use REM/EM or other non-absolute units? then do the math to get it to match the Figma?

Code

Please log in to post a comment

Log in

Community feedback

  • Patrick Cuentas Mariano•260
    @PatrickCuentas

    I think it's better to use REM units that are based on the font size of the root element.

    Mainly for accessibility issues since users have different default sizes other than 16px for different reasons.

    And when using REM units, the size is based on that default size of each user, which offers a better experience.

    I am not an expert, but I hope you can use my suggestion for a broader search on the subject.

    Greetings ✨

    Marked as helpful
  • Account deleted

    Hi There, Great Job On This One.

    i notcied the element is not centered in the page properly so, you can do it with giving the body

    display:flex, justifiy-content:center, align-items:center, min-height:100vh

    Marked as helpful

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