Skip to content
Submitted over 2 years ago

Testimonial Grid Section Built with SASS and BEM

Fathul Irfaan Abdillah•320
@thefathdev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hello guys🙌 So, this is my first time using BEM Methodology in my project, how do you think about it? Any feedbacks are welcome!

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted over 2 years ago

    Hi! 👋

    Regarding the BEM, I follow this syntax, block__element--modifier where the "modifier" uses double dashes to distinguish from the "element". So, instead of card_color_purple , for me, it should be card--color-purple.

    Two things could be improved.

    • Firstly, I recommend wrapping the card__body with blockquote since it is a quote.
    • Secondly, the alternative text for the photos should be the person's name. Alternative text for images should not contain any words that are related to image.

    Hope this helps. 😊

    Marked as helpful
    1
    Fathul Irfaan Abdillah•320
    @thefathdevPosted over 2 years ago

    Wow, thank you so much Vanza!@vanzasetia. Really great feedback🙌

    0
    Vanza Setia•27,775
    @vanzasetiaPosted over 2 years ago

    @whatTheFath You're welcome! 😄

    0

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