Submitted 8 months ago

Product preview card using CSS Grid

thaArcadeGuy•120

@thaArcadeGuy

Preview site View code

This is a solution for...Product preview card component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am proud of my growth with every challenge that I take on.

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

I did struggle with making the site responsive but through watching tutorials and researching I was able to get to the solution.

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

Any feed back on standard HTML and CSS best practices.

Community feedback

P
David Blackman•140
@defenstrationPosted 2 months ago
Wow, well done. I had to look up BEM to learn about your class names. I hadn't seen that done before, but I really like it. It makes it easy to see how your elements flow, and I could see it being very helpful when working with a bunch of style classes. Your HTML is well done semantically as well.

The only thing I see that I would do different is in the CSS. I don't like having two selectors for the body as I think it makes it easier to miss something when reviewing code. That's completely a personal bias on my part though.

Excellent job and stay awesome!
Marked as helpful
0
thaArcadeGuy•120
@thaArcadeGuyPosted 2 months ago
@defenstration Thank you. I will take note of the issue you have raised.
0
Justin•560
@iamprincetjPosted 8 months ago
Congratulations on finishing this challenge, great work on your solution. Everything is well structured and looks good. Nice one!
Marked as helpful
0

Please log in to post a comment

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