Skip to content
Submitted 3 months ago

Responsive design using CSS flexbox and media queries

Cleyrol Santana•120
@cleyrolsc
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

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

  • Debabrata Banik•710
    @DebabrataBanikPosted 3 months ago

    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
    Cleyrol Santana•120
    @cleyrolscPosted 3 months ago

    @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

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