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

Responsive Card Layout Nft Preview card

@kolexstrings

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

@akramAdjab

Posted

Hello Kolade 🙋🏻‍♂️, Congrats on completing this challenge

I checked your solutions and I found small mistakes:

  • The body element should have the background color and not the container element
  • To align the card vertically at the center, min-height: 100vh must be added to the body element using align-items: center
  • When justify-content: center is specified there is no need to add margin-(right, left): auto
  • Try reducing font size in media query

I hope my feedback was helpful 🙌🏻

0

@kolexstrings

Posted

@akramAdjab Thank you very much for your feedback, I will implement these changes 🙏

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