Skip to content
Submitted over 2 years ago

Responsive mobile-first solution following BEM

Bahram•10
@bahramgolshan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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
    @romenterPosted over 2 years ago

    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

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