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 solution using grid and flexbox

VidsHub 60

@VidsHub

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


Looking for feedback on best practices and other ways to improve the solution. Thank you!

Community feedback

coderwww 220

@coderwww

Posted

  1. you may add overlay with ::before ::after pseudoelements instead of div and image
  2. you may also add icons for price and time in ::before pseudoelement
  3. there is a double shadow around this block, you may add it with box-shadow css property (values for several shadows must be separated by coma)

Marked as helpful

0

VidsHub 60

@VidsHub

Posted

@coderwww thank you for your valuable feedback. I learnt how to use pseudo elements.

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