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

Testimonials grid

@doums85

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


Hello guys 👋 I share my work , I did it with Grid css I wait your feedback 🙂

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hi, again, Seck Mamadou! 👋

Good job again! Your solution looks nice! 👍

I suggest,

  • Setting a max-width on the main wrapper or container so that the content of the page doesn't look too stretched on large screens.
  • Setting a max-width on the testimonial cards, too, in the mobile layout of the site so that they aren't too wide when the layout first changes.
  • Making the box-shadow around the testimonial cards a little more subtle by increasing its spread or blur (as in the original design).
  • The hover state on the testimonial cards is cool, but I think making it a wee bit more subtle, too, would be a nice touch.

Keep coding (and happy coding, too)! 😁

0

@doums85

Posted

@ApplePieGiraffe Okay bro I'll check again my code

Thanks for your help 🙂

0

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