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

Layout for NFT Preview Card Component

@imnotdruish

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?

This was a pretty simple challenge, didn't have anything that's out of the normal on this one. It was just a basic layout with some overlay for a hover effect. I stripped the svg of the fill colors and replaced them with CSS just to make it easier if it was going to be used for a template for other cards as they may want different colors for longer or shorter time remaining or different crypto currencies.

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

Initially was trying to make it harder than it was, just stripped back the CSS and went as simple as I could with it.

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

Nothing in particular, but will always take suggestions and critiques.

Community feedback

alvarozama 360

@alvarozama

Posted

The solution looks pretty good. There's really nothing to point out about it. Only thing that makes me curious is your code. I looked at it to get an idea of how you implemented the BEM methodology and I can see a few Elements as nothed by the double underscores, but it's not clear to me whether or not you used any Blocks. This was a simple challenge, so you probably won't have any specificity problems anyway. Good job either way!

Marked as helpful

0

@imnotdruish

Posted

@alvarozama yeah, it was more that the BEM style was how I was taught, so I tend to use the double underscore regardless of if I end of using the methodology or not. Most of these challenges as you brought up are small enough that it does effect anything overall, I’m sure at some point I will run into one where I will need to fully stick to it. Thank you for the feedback.

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