<div class="testimonial-grid">
  <div class="review-card">
    <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
    <p>"This product completely changed how we work. The interface is intuitive and the speed is incredible."</p>
    <div class="user">
      <img src="https://placehold.co/50x50/3b82f6/ffffff?text=A" alt="User">
      <div>
        <strong>Alex Johnson</strong>
        <span>Product Manager</span>
      </div>
    </div>
  </div>
  <div class="review-card">
    <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
    <p>"Support was helpful and the features are exactly what we needed. Highly recommended!"</p>
    <div class="user">
      <img src="https://placehold.co/50x50/e83e8c/ffffff?text=S" alt="User">
      <div>
        <strong>Sarah Williams</strong>
        <span>Developer</span>
      </div>
    </div>
  </div>
  <div class="review-card">
    <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
    <p>"A game changer for our business. We have seen a 50% increase in productivity."</p>
    <div class="user">
      <img src="https://placehold.co/50x50/10b981/ffffff?text=M" alt="User">
      <div>
        <strong>Michael Brown</strong>
        <span>CEO</span>
      </div>
    </div>
  </div>
</div>

.testimonial-grid {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 25px;
  padding: 20px;
}
.review-card {
  background: #fff;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  border: 1px solid #f3f4f6;
  transition: transform 0.2s;
}
.review-card:hover {
  transform: translateY(-5px);
}
.stars {
  color: #fbbf24;
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.review-card p {
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 25px;
  font-style: italic;
}
.user {
  display: flex;
  align-items: center;
  gap: 12px;
}
.user img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.user div {
  display: flex;
  flex-direction: column;
}
.user strong {
  color: #111827;
  font-size: 0.95rem;
}
.user span {
  color: #9ca3af;
  font-size: 0.85rem;
}