Testimonials Grid using CSS/HTML only.

Solution retrospective
This time, I was able to get things done relatively quickly. Additionally, criticisms from a previous project helped me see the mistakes I was making, which made a very big difference overall; the CSS is now much more compact, but still gets the job done, and I didn't take as log to get the job done.
What challenges did you encounter, and how did you overcome them?The biggest challenge was the sizing of the grid elements; I originally started with auto
for both dimensions, but this ended up causing the small elements to be too wide, messing up the layout, making things look unbalanced. Once I started using direct percentages (25% horizontally, 50% vertically), the layout looked much closer to the original. A little spacing went a long way after that.
I'm still not getting exact distances, but I was previously advised not to sweat it out. Besides, I'm sure that if exact margins were important, there would have been more specification in the design document telling how much space needed to be there.
As the saying goes, this is close enough for government work.
I hope.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Lampros Liontos's solution.
Join 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