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

Flexbox

@Bidex-03

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


Centering a div

Community feedback

@DimiPavlov

Posted

Hi Abdullah

Congratulation on completing the challenge.

In regards to your difficulty to center the component, I notice that you tried to apply the CSS for centering on the div with id: 'container' where you should apply them on the body.

Maybe try to add those styles to your body CSS: height: 100vh; display: flex; justify-content: center; align-items: center;

And remove the one from the div with id: 'container'

I hope I was able to help you.

Happy coding!!!

0

@Bidex-03

Posted

@DimiPavlov Okay. I'll try it out. Thank you

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