Skip to content
Submitted 23 days ago

Testimonials-grid-section

bootstrap
LVL 2
Nadi65
@Shinee25
A solution to the Testimonials grid section challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm proud of completing the overall layout and ensuring the testimonial content is structured cleanly. Next time, instead of using Bootstrap classes to control the dimensions, I would use native CSS Grid from the start (grid-template-areas or explicit grid templates) to make handling element sizes and card spans much easier and cleaner.

What challenges did you encounter, and how did you overcome them?

My biggest challenge was getting the exact sizing and dimensions of the cards right using Bootstrap. Getting the grid cards to match the design proportions across screen sizes was tricky. I worked through it by tweaking container padding, margins, and column classes, but it highlighted how much extra effort framework classes require for precise custom layouts compared to standard CSS Grid.

What specific areas of your project would you like help with?

I'd love feedback on how to better handle element sizing and card dimensions when using standard CSS Grid vs. Bootstrap. What are the best practices for controlling column/row sizing in this specific challenge so the layout matches the original design specs seamlessly?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Nadi’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