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

Responsive NFT display using Query & flexbox

ADN_7 20

@Hachikoi-the-creator

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Regarding the shadow to the entire block of content, I have little knowledge on how that works, and couldn't figure out how to make it rounded, nor how to make 2 shadows distinguish one from another

Community feedback

Fancy 320

@maciejkrol18

Posted

In my opinion the card's too big. Also, you could remove the underline from the link at the bottom by assining the <a> tag a class that has text-decoration: none attribute.

1

ADN_7 20

@Hachikoi-the-creator

Posted

@FancyBaguette Yeah I'm working on 2 PC so it's really hard to get a hold of the real proportions, but has been real useful to practice git! forgot the anchor yeah

1

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