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 component created with simple HTML and CSS

@Galeanas93

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 had a hard time creating the active state for the main image. What other options did i have ? All feedback is welcome:)

Community feedback

Lucas 👾 104,420

@correlucas

Posted

Hello Galeanas, congratulations for your new solution!

I saw your solution and seems everything fine, you di a good work, the only thing I would change is the <ul><li> you've for the prince / days left in this section I would use only a simple div. In addition if you want to make this section in particular more flexible, you can set a flex-wrap to make a line break in smaller screen conditions pushing the content one block under. Code below:

ul { flex-wrap: wrap; }

I hope it help you! Keep it up.

Marked as helpful

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