Social Proof Website Section using CSS Grid and Flexbox

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Francis Wafula, congratulations for your new solution!

  Answering your question:

  I think the best approach to apply BEM in this case is that you divide the big blocks of elements into sections, for example the section with the main heading and the rating you can name it like this:

  <div class="hero">
        <section class="hero__text">
          <figure class="hero__ratings">
  </div>
  

  You can see that for the block you've hero and two underscore to indicate whats is inside of it hero__CONTENT it there was a modifier like a rating section that was black the class naming will be like hero__rating--black you use --modifier

  Here's a good guide to learn BEM thats really well explained how to use it: https://css-tricks.com/bem-101/

  ✌️ I hope this helps you and happy coding!

  0

  ---

  

  Francis Wafula•80

  @franco2kePosted about 2 years ago

  @correlucas Thanks for the feedback and the learning guide link too.

  1

  

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  @franco2ke thats fine, then say me if works for you

  0