Responsive Social Proof Section

Hello! For the desktop view, I used different approaches to align the items for the Ratings with the stars and for the Customer reviews, which I'm unsure if it's acceptable in terms of best practices 😅

For the desktop view, I used align-self for each Rating card to achieve the start-centered-end alignment:

  .rating__card--first {
    align-self: start;
  }

  .rating__card--second {
    align-self: center;
  }

  .rating__card--third {
    align-self: end;
  }

For the Customer reviews however, I added a margin-top to the second and third cards with align-items: flex-start on the parent div

.customer__card--second {
    margin-top: 1rem;
  }

  .customer__card--third {
    margin-top: 2rem;
  }

Any feedback on this would be helpful, thank you so much!