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

media Query for mobile and html/css

Austin 330

@waustin45

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I used margin top to get the container centered on the body. I am unsure that is the best way to do it, but that is the simplest way I know so far. Overall, I enjoyed this project for being quick and helped me work with and understand flex box a little more.

Community feedback

Adekemi 110

@Mhifee

Posted

Hello there, you´ve done a really great job! To get the card centered on the body, use: body{ display: flex; min-height: 100vh; justify-content: center; align-items: center; } This should perfectly center your card with the addition of your margin.

Your border line should not be as thick as that. Use border-top: 1px solid hsl(215, 32%, 27%); Please kindly mark as helpful if you´re able to resolve it. Thanks

Marked as helpful

0

Austin 330

@waustin45

Posted

@Mhifee I will go and see how that works. I appreciate the help!

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