Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 6 months ago

Testimonial grid section solution

antoni0kim•190
@antoni0kim
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?

I think this was one of the project where I knew what I had to do from start to finish on major components, including using grid and how to place each card and place them where I wanted.

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

I think adding that quotation inside the first card and placing them at specific location was the biggest challenge. I had to learn new syntax background-position but also using calc() to place it offset from the top, which was very helpful and useful tool to use later on.

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

I honestly wasn't too pleased with the solution. Although in macro view it looks okay, but as I'm going through this journey of frontend, I'm beginning to notice smaller things, and because of that it's bothering me very much! For example, I think the sizing of the card is little off, and my guess is that because I don't have the figma file and guessing the sizing via screenshot, the dimensions of the cards and the text inside it is not placed properly. The shadow also doesn't seem as the example, and I've decided it wasn't worth chasing the exact shadow at this point. Font color was something I kept back and forth, because sometimes the image looks grey, but other times it looks white. I've decided to just stick with what I have instead of trying find everything to be perfect.

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 antoni0kim'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