Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT preview card component

Samuel600 140

@Samuel600

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@rohitd99

Posted

Hi Samuel

Congrats on completing the challenge, to keep the footer to be at the bottom of the page you can add the flex-direction : column; property to your body tag. Also to make the card responsive don't give main the property of width : 380px , you can instead add the property max-width : 20rem or any other value as you wish so that the dosen't go beyond this size but also changes it's size as the screen size lowers.

Good luck for other challenges

Marked as helpful

0

Samuel600 140

@Samuel600

Posted

@rohitd99 thank you so much for this I will apply it

0

Please log in to post a comment

Log in with GitHub
Discord logo

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