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

Responsive mobile-first solution following BEM

Bahram 10

@bahramgolshan

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I tried my best to follow BEM convention but I'm not really sure if I have done that the right way, and I found it really difficult to choose the right name for my classes. (Like im not yet sure if i should have used .card or .product for the main component)

Other than that, my goal was to use semantic elements, just as they might be used in the industry.

So, any tips or suggestions on any fixes are really appreciated :)

Community feedback

Romen 50

@romenter

Posted

Nice work Bharam :) The only think i will correct you (maybe) put higher weigth size in your h1 text! Your project is increible! Have a nice code day

1

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