Submitted 7 months ago

NFT preview card component

CoolNight99•440

@CoolNight99

A solution to the NFT preview card component challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I got the design pretty close to the specifications but maybe I would try making it even more accurate next time.

What challenges did you encounter, and how did you overcome them?

I had to do some research to figure out the image overlay.

Code

Please log in to post a comment

Community feedback

Marzia Jalili•9,710
@MarziaJalili
Posted 7 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>
    
  </main>
</body>
```
Keep up the grind🫡
Marked as helpful

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