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 with Cube CSS, BEM methodologies

@thisispeterj

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?

The pseudo elements for the hover effects on the nft image. I also tried to follow the cube css methodology for this challenge.

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

Combining the pseudo elements to create he hover effect for the svg view icon and the color overlay simultaneously

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

I tried using the css cube method along with bem for the naming conventions. I am still new to this methodology so any tips or critiques on my html and css structure would be really helpful.

Thanks! :)

Community feedback

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