Skip to content
Submitted almost 3 years ago

NFT Preview Card

Catherine Vuthiβ€’150
@esthercate
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

Took long to finish this challenge trying to crack the image and colour overlay on top of the background image. It was hard but I read the CSS pseudo elements in-depth to come up with final solution.

Community feedback

  • Anosha Ahmedβ€’9,300
    @anoshaahmedPosted almost 3 years ago

    Good job, Catherine! If, in CSS, you change "justify-content: flex-start" on your body to justify-content: center", the card would be in the middle of the page. :)

    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