Submitted about 2 months agoA solution to the NFT preview card component challenge
Cube CSS NFT Card
cube-css
P
@Joshk7
Solution retrospective
What are you most proud of, and what would you do differently next time?
I used Cube CSS to create this solution. I went straight into creating utility classes for padding, but I might create composition classes first next time.
What challenges did you encounter, and how did you overcome them?One challenge I encountered was trying to make the hover state for the main image. I ended up creating an overlay element within a button that's set to absolute positioning and initially 0 opacity. On hover, I set the overlay opacity to 1.
What specific areas of your project would you like help with?I'd like any tips on how to implement CUBE CSS into a project and if I followed the guidelines correctly.
Code
Couldn’t fetch repository
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Josh Kahlbaugh'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