Skip to content
Submitted over 2 years ago

Card Component Solution

Brendan Wilson•70
@Brendan-A-Wilson
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

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!

Community feedback

  • Doston Nabotov•950
    @dostonnabotovPosted over 2 years ago

    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
    1
    Brendan Wilson•70
    @Brendan-A-WilsonPosted over 2 years ago

    @dostonnabotov Thanks! I'll try to apply the changes that you suggested.

    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