Skip to content
Submitted 9 months ago

NFT Preview card component using HTML and CSS

Amala Ann Jerry•30
@AmalaAnnJerry
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What challenges did you encounter, and how did you overcome them?

I. kind of had trouble in aligning the layout and design, but I hope by working out these challenges would help me improve my skills in HTML and CSS.

Code

Please log in to post a comment

Log in

Community feedback

  • Svitlana Suslenkova•5,340
    @SvitlanaSuslenkova

    body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body), don't forget about !!min-height!!. You can use grid instead of flex too.

    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