Testimonial grid section with responsive design

This challenge contains many card themes, so I structured my HTML using the BEM (Block-Element-Modifier) methodology to keep the codebase maintainable and scalable. Additionally, I organized related CSS sections with comments for better readability.

Here are some example:

<div id="card-1" class="card card--purple">
  <div class="card__head">
    <img src="" class="highlight" alt="daniel_image">
    <div class="card__profile">
      <p class="card__profile-name"></p>
      <p class="card__status"></p>
    </div>
  </div>
  <div class="card__message">
    <h1 class="card__message-title"></h1>
    <p class="card__card__message-body"></p>
  </div>
</div>