Skip to content
Submitted 3 months ago

Testimonial Grid Section (Responsive)

Akash A Benki•190
@AAB007209
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 proud about the Grid layout I learnt about while doing this challenge. Grid layouts are always kind of easy when thought about the design but when it comes to code they become messy during responsiveness.

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

Grid Layout Responsiveness was little bit tough to come up at first. But later got some help from Kevin Powel the CSS master and was able to do it and understand properly.

Community feedback

  • P
    Valeria Montoya•400
    @ValeriaMontoyaPosted 3 months ago

    Hi Akash A Benki 👋🏼

    Your solution includes semantic HTML. However, there are a few improvements that could be made:

    • <section> could be used to group related content (e.g., all the testimonials could be wrapped in a <section> tag to emphasize the thematic grouping of content).
    • <article> could be considered for each individual testimonial, as each one is a standalone piece of content.

    Overall, your code provides a responsive, readable, and structured layout. I hope you find this helpful 🤓

    Marked as helpful
    0
    Akash A Benki•190
    @AAB007209Posted 3 months ago

    @ValeriaMontoya Thank you for pointing me some Improvements Valeria. Thanks a lot

    1
  • Ohazulike Stanley•220
    @GentlestanPosted 3 months ago

    Thank you for the feedback! Here's a refined version of your review based on your comments:

    Review of the Testimonials Grid Section:

    Great job! The HTML structure is clean and well-organized, making it easy to understand the hierarchy and relationship between elements. It’s clear that the layout was thoughtfully crafted.

    The use of the grid structure demonstrates a solid understanding of how the grid system works and how to effectively order a grid. This is especially evident in the testimonial section, where the design remains responsive and adapts well to different screen sizes.

    The choice to use CSS Grid for this section is excellent, as it ensures a flexible and responsive design. The overall layout works beautifully across devices. Kudos on the implementation!

    Marked as helpful
    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