Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

This is a responsive Testimonial design done with CSS Grid

#tailwind-css
Leonard 80

@Leonard-O

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@Nick331102

Posted

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-O

Posted

@Nick331102 thank you bro

1

@Sam-Guliker

Posted

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
Discord logo

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