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 card component using html and css

@philgabby 390

@CHEGEBB

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

@devaramnye

Posted

Hey,

this project looks amazing.

A good approach is practicing HTML5 landmarks to get rid of the div element. It gives the HTML a better structure and a huge advantage for readability. Further your project should be centered in the middle of the screen which you can achieve by giving your body in CSS the properties of:

body {
  min-height: 100vh;
  display: flex;
  justify-content: center  * To center the items of the flex container horizontally
  align-items: center * To center the items of the flex container vertically
}

Keep up you work & happy coding!

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