Skip to content
Submitted about 3 years ago

Card Component Solution

Brendan Wilson•70
@Brendan-A-Wilson
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, this is my card component solution. I made some use of the display flex with the project, but found that some parts were not quite in alignment.

Any suggestions on making improvements is more than welcomed.

Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • Doston Nabotov•950
    @dostonnabotov

    Hi, there. That looks great! I think what you should do first is center the card no matter what screen size. Add these on your body: display: grid; place-items: center; It will keep your card in the center in both x and y directions. Also, set min-height: 100vh in your body. Check out my solution and code if you want to. Good luck!

    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