Skip to content
Submitted over 3 years ago

NFT Preview Card Component using CSS | HTML

Halibal•250
@halibal
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I've tried really hard on making the box in which there is the background image to be responsive. But couldn't succeed it doing on mobile version. I would appreciate any advice or comment on how to make the code work in mobile version as well. Thanks in advance!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Ricky•470
    @pyaetheiN

    Hello Halibal! Nice job completing the challenge, love that you added a different nft :) Anyways about your questions,

    • remove width: 100% and add padding: 0 1rem to your body tag
    • make a media query where you make the font sizes smaller and that should make your design look a lot better in smaller screens

    I don't really recommend you adding width property on body tag, just add height or min-height and only add width when you need to on containers inside body. That's it for my feedback, happy coding as always!

    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