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

Testimonials with grid and Flexbox

Tuna Erten•430
@tunaerten
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 became more familiar with the grid concept, which I wasn't very accustomed to before. I realized I needed to do some research and reading about grids. It seemed more complicated than Flex, but now I understand it better. Especially in the desktop version, I became more accustomed to the placement and ordering of grids. It took me a long time to finish the project because there was a gap in time, and unfortunately, I had to remember and review the old code at each restart. However, I believe I have a much better understanding of the grid system now. The challenges are really well-prepared and improve practice with each step.

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

I had worked with grids before, but not in depth—just superficially. In this project, I had to do a lot more research and review my knowledge again.

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

Each grid section grows and shrinks according to its content as the page size changes. However, some articles are not as long as others, and this leaves empty spaces at the bottom of the page, which doesn’t look very good from a layout perspective. I tried using Flexbox with space-between and space-around for the articles, but since each article is a grid item, the empty spaces at the bottom did not close up. It seems these methods are not very ideal for this situation. I would appreciate any help or suggestions on how to address this issue.

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 Tuna Erten'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

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