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 using html and CSS

@mfahikk1

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

@evanhill1989

Posted

Looks good!

You still need to get your .container to center in the browser window.

You added body{height:100vh;} this time , but to get the child element (.container) to center in that space you need to add back these flex styles to your body{} in css like you had in your previous challenge:

body{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

Marked as helpful

0

@mfahikk1

Posted

@evanhill1989 Thanks again. I guess I should stick that note in my Head(Lol). I have learned a lot by designing these projects and from the advices you have given. Hope I can do the same by advising someone like that in future with solid knowledge.

1

@evanhill1989

Posted

@mfahikk1 you may be advising me soon enough, haha.

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