Submitted
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!