Skip to content
Submitted almost 3 years ago

This is a responsive Testimonial design done with CSS Grid

Leonard•80
@Leonard-O
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

I had problems with making the grid responsive, I actually didn't do it correctly. I will appreciate anyone's opinions so that I can improve on it. Thank you.

Community feedback

  • Nick•760
    @Nick331102Posted almost 3 years ago

    nice work. kevin powell did a recent segment about grid using this project as an example if you are looking for more clarity.

    https://www.youtube.com/watch?v=rg7Fvvl3taU&t=1438s

    I would play with your media query a bit so it breaks earlier, maybe around 800-850px.

    Marked as helpful
    1
    Leonard•80
    @Leonard-OPosted almost 3 years ago

    @Nick331102 thank you bro

    1
  • Sam Guliker•540
    @Sam-GulikerPosted almost 3 years ago

    Hi,

    Have you checked the paddings, fonts and colors? They seem a bit off. Next to that try to use landmarks like so: <main> {your content}</main>

    Happy coding

    Marked as helpful
    1

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