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 design using CSS flexbox and media queries

P

@cleyrolsc

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


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

I feel like I keep getting better and better by the day thanks to the practice. I was able to create this project in a timely manner

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

I had to research why ::before and ::after didn't work on image.

What specific areas of your project would you like help with?

Everything's good so far.

Community feedback

@DebabrataBanik

Posted

Your design looks amazing! However, you might be missing certain elements, like the Ethereum and clock icons. Consider adding hover states to the heading and the creator's name for a more interactive experience. Also notice that there is a border around the creator's img.

Marked as helpful

0

P

@cleyrolsc

Posted

@DebabrataBanik Wooow, thank you very much for the feedback. It is highly appreciated. Looks like the image routes were wrong, and I totally overlooked over the hover style on the title and name, also the border in the picture. It has been fixed, thanks again.

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