Skip to content
Submitted almost 3 years ago

NFT preview card component

Brendan Hyde•330
@hyde-brendan
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

Aligned the icons with pseudo elements along with either absolute positioning or flexbox align-items + block display; curious to know if there are any preferred methods for image alignment for different situations.

Community feedback

  • Éric Férole•420
    @Eric-FerolePosted almost 3 years ago

    Well done ! It looks pretty close to the solution. Also, nice used of CSS variables.

    For image positioning for the detail--cost and detail--time you could have use only flexbox. No need for pseudo element or absolute positioning.

    You can inspect my code here

    Hope it helps. Keep up !

    Marked as helpful
    2

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