Skip to content
Submitted over 1 year ago

ETH-ProjectCard

GrdevPro•20
@GrdevPro
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

I find some difficulties on align text and svg icons.

Community feedback

  • Hassia Issah•50,650
    @HassiaiPosted over 1 year ago

    There is no need to give .principal a width and a max-width rather give it a reduced max-width value for a responsive content. max-width:400px which is 25rem/em.

    Use relative units like rem or em as unit for the padding, margin, width values and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here and here

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    Marked as helpful
    0
    GrdevPro•20
    @GrdevProPosted over 1 year ago

    @Hassiai Thank you for those tips! I will try to do it for the next project :)

    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