Skip to content
Submitted almost 3 years ago

Front card component

Louis Jalenques•50
@Tynxt
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

Hello!

  • Does anyone has an idea on why the two icons (clock and ethereum) have not the right width/height ratio?
  • Also I would love some tips on how to improve the responsiveness of this section

Thanks!

Community feedback

  • bikeinman•1,080
    @BikeInManPosted almost 3 years ago

    • For your question 1, I think it is shrinking for some reason I don't know yet. But adding align-items: center; to your .eth, .days rule set should work.

    • Regarding 2, Try setting font-sizes in rem and padding,widths,margins etc in em. They naturally adapt to the view-port size. This topic is huge. But there many great resources out there.

    Good Luck.

    0
    Louis Jalenques•50
    @TynxtPosted almost 3 years ago

    @BikeInMan It worked like a charm. Thanks for this great feedback!!

    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