Responsive social proof section using CSS grid and flexbox

Hi everyone, this is my solution of "social proof section".

In this challenge I learned,

• Reinforced learning on grid items' positioning

.ratings > div:nth-of-type(1) {
  align-self: start;
}

.ratings > div:nth-of-type(2) {
  align-self: center;
}

.ratings > div:nth-of-type(3) {
  align-self: end;
}

.testimonial > article:nth-of-type(1) {
  margin-block: 0 2rem;
}

.testimonial > article:nth-of-type(2) {
  margin-block: 1rem;
}

.testimonial > article:nth-of-type(3) {
  margin-block: 2rem 0;
}

Any feedback would be appreciated. Thanks for your attention.