Responsive Testimonial Grid component using power of CSS grid
Design comparison
Solution retrospective
Well, this is the first time I've used CSS grid this much. I learned more about various ways CSS grid items can be positioned. Though I have not explored more complex concepts in grid like min-max function or auto-fit value in case of adding responsiveness to the layout using CSS grid, which is difficult to grasp so I used simple way to place items. Check more about how I did this project in my Readme file on git repo.
Any feedback is appreciated!ππ
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hi there, Akshay Meshram! π
Well done on this challenge! π Your solution looks great and responds pretty well! π
I only suggest,
- Checking the responsiveness of the layout at around 450px (since a horizontal scroll bar may appear along the bottom of the page due to the size of the content being bigger than the width of the page, then).
- Adding a little space (using margin/padding) between the sides of the testimonial cards and the edges of the screen so that there's some room between the two when width of the screen becomes smaller.
Keep coding (and happy coding, too)! π
0@akshay63Posted over 3 years ago@ApplePieGiraffe Thank your APG for your suggestions. I will definitely look upon your points and update the solution in near future.ππ
0
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