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

@sedaryildirim

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

P
Jhon 210

@GiroFrm

Posted

Great job completing and submitting this challenge.

I have noticed there isn't a gap between the "p" element and the class "details"

You can easily fix this by adding a margin-bottom to the p element like this

Create a class . "description" in the CSS file .description{ margin-bottom: 1rem; } add the class description to the p element above the class " details"

Marked as helpful

1

@sedaryildirim

Posted

@GiroFrm

thanks, fixed

0
P
Jhon 210

@GiroFrm

Posted

@sedaryildirim

you are welcome. I am happy it works:-)

Marked as helpful

1
P
Jhon 210

@GiroFrm

Posted

Great job completing and submitting this challenge.

I have noticed there isn't a gap between the "p" element and the class "details"

You can easily fix this by adding a margin-bottom to the p element like this

Create a class . "description" in the CSS file .description{ margin-bottom: 1rem; } add the class description to the p element above the class " details"

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