Skip to content
Submitted over 2 years ago

nft preview card using css flexbox

Milan•260
@milanjelic92
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have a little problem with overlay but i succeded as i put it in a empty div but i think it can be done in a different way. Feel free to check out my solution and give me some tips...

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Mina Makhlouf•1,150
    @Minamakhlouf

    Hi Milan,

    Your design is very good but there are a few things you can do to make it better.

    1. The card is too small for a Desktop. Something that you can do is increase the padding and the size of the text to make it bigger.

    2. The card isn't centered on the page like it is in the example. What you can do is make the <main> element a height of 100vh, give it a display of flex, and then justify-content and align-items center to make the card centered on the page.

    Aside from these 2 minor changes, congratulations on the project.

    Marked as helpful
  • Bizzare•1,320
    @godmayhem7

    hey easy going ,nice one you've got there👍 so here are some tips i think you should use to better your code as a programmer you should be considerate to how your client see his/her screen your website font was kinda tiny and every thing looked small the rest was okay 👌👌 hope this was helpful

    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