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 using grid & flexbox

Chris 100

@PedroTheBrave

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


I struggled centering my eye icon. I eventually remembered that the container needs to have position: relative, to house the absolute icon.

Community feedback

@HusseinSamy

Posted

Hello @Chris, 👋🏻

Awesome job on taking the first steps towards your dream!

I'm thrilled to see your engagement with this platform to enhance your design skills. I have a quick suggestion for a small improvement in your README file to showcase your screenshot more effectively. You can directly import it into the file for immediate visibility using the following syntax:

![](/your-screenshot-path)

It should look like this

Hope you find it useful!😇

Keep up the fantastic work, and happy coding! 🚀

Marked as helpful

0

Chris 100

@PedroTheBrave

Posted

@HusseinSamy Thank you for that. I'll try to directly import my screenshot for the next one 👍

1

@HusseinSamy

Posted

@PedroTheBrave Wish you best of luck! ✨

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