Submitted over 1 year ago

NFT-Preview-Card-Component with Cube CSS, BEM methodologies

bem, cube-css

Peter Jacobs•190

@thisispeterj

A solution to the NFT preview card component challenge

Preview Code

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! :)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Peter Jacobs's solution.

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