Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Testimonial Grid Section

tailwind-css
Josh Boys•180
@jboys
A solution to the Testimonials grid section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

It felt good to finally learn Tailwind’s grid system and figure out how to make such a layout work smoothly across all screen sizes, not just mobile and desktop.

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

Making sure the design looked great on a variety of screen sizes was a bit of a challenge. I overcame this by experimenting with Tailwind’s responsive utilities and adjusting the grid settings until everything aligned nicely, no matter the device. A bit of trial and error 🙃

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

In my grid system, cards with less content will stretch to match adjacent card sizes. If they stretch too much, the card looks a little empty. Any tips on how to prevent "over stretching" or how to make empty cards look less out of place?

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Josh Boys'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License