My submission for Testimonial Grid Sections
Design comparison
Solution retrospective
I would appreciate any feedbacks to improve the UI of this exercise. Happy coding!
Community feedback
- @al3xbackPosted almost 3 years ago
Hi Quang,
Would be good if we dont set width on each grid item (in this case on
.card
class) if we use grid-template-areas.let the parent controls the width of its children using
grid-auto-columns: 1fr;
orgrid-template-columns: repeat(5, 1fr)
;Marked as helpful0 - @skyv26Posted almost 3 years ago
Hi! Quang, first of all very well done you completed this challenge. Here I have noticed one issue in your work.
-
Your design is not aligned center to screen/viewport. Solution:
Change
margin: 3rem;
Tomargin: 3rem auto
It will solve your alignment problem.
Overall, it is really good, you also made it responsive. Great
Good Luck
0@pqhung3007Posted almost 3 years ago@skyv26 A minor but worthy change. Thanks for correcting me Aakash!
1 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord