Submitted 6 months ago

Responsive NFT card using, html and css with animations, overlays, etc

Otuwe wisdom•60

@Wizdev0

A solution to the NFT preview card component challenge

Preview Code

Code

Please log in to post a comment

Community feedback

Marzia Jalili•9,390

@MarziaJalili

Posted 6 months ago

Hey there!

Here's a simple suggestion:

set the code below in the body selector to center the card:

body {
  display: grid;
  place-items: center;
  min-height: 100vh;
}

Make sure that the card is the only child element of the <body>.

If not wrapp everything nested inside <body> with the <main> element. It will look something like this:

<body>
  <main>
    <!-- every element nested inside -->
  </main>
</body>

Keep up the grind🫡

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