Skip to content
Submitted over 3 years ago

Mobile First Approach for building a Testimonial Grid using HTML & CSS

Ameya Deokule•355
@ameyadeokule
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

Needed to practice sudo selectors so you'll find a lot of them. Any feedback would be appreciated. Thanks for taking out your time to review my code and help improve it.

Community feedback

  • Raymart Pamplona•16,100
    @pikapikamartPosted over 3 years ago

    Hey, great work on this one. The layout on the desktop is good, but as I resize my browser, you components gets very narrow.

    I would suggest that, make another breakpoint right, a breakpoint where you create another layout for your components. This way, you can adjust the layout before it goes to the mobile view. Because right now, the only breakpoint is for the mobile state, that is why you layout gets very squished until it reaches. So maybe making another one, will be really awesome.

    Overall, you did good and reaching the mobile state, it looks good as well. Just that resizing issue okay^^

    1
    Ameya Deokule•355
    @ameyadeokulePosted over 3 years ago

    @pikamart Thanks, I'll add another breakpoint at around 768px. I really appreciate the feedback. Thanks again for your time.

    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