Skip to content
Submitted 7 months ago

Responsive Testimonial Grid Section

Jarrod Ver Hey•150
@jvisme1991
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I am most proud of completing a grid section. This was a challenge as I typically use flex. Next time I will attempt the layout using grid areas instead of manually spanning the content.

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

The entire grid system was a challenge. I am not familiar with the terminology associated with it. I had to watch videos on how to implement grid.

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

I would definitely like to dive deeper into grid! I think that it is a great system with a great purpose!

Community feedback

  • Joseph Reyes•440
    @JreyIVPosted 7 months ago

    Hi Jarrod,

    You did a good job with this project, our code looks very similar. You had mentioned using grid-template-areas next time and I think that's a great idea. I just learned how to use grid-template-areas and it was a lot better in my opinion. Specifically, it made my media queries so much cleaner and I had way less code. I would 100% recommend you look into it and try to get comfortable with it.

    Your sizing looks like it may be a little bit off as well but that isn't a huge deal. I would just suggest playing with max-widths to get those fixed.

    The last minor thing I would suggest is to be careful with the breakpoints. I noticed that you set the breakpoint to a very large number. This means that on larger screens the testimonials are stretching far and staying in the 1 column layout. I would suggest trying to make sure it looks good on tablets and large tablets too. (grid-template-areas make this a lot easier btw)

    Marked as helpful
    0
    Jarrod Ver Hey•150
    @jvisme1991Posted 7 months ago

    I appreciate the feedback! I will definitely keep that in mind on the breakpoints. Also, I have been doing some deeper diving into the world of grid! Kevin Powell explains everything so great and has tons and tons of videos that I can dissect. @JreyIV

    0

Please log in to post a comment

Log in with GitHub

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