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

Responsive Testimonials Grid - BEM, SASS, CSS Grid

@santu369

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


Used Grid for the desktop layout. Added small keyframe animations on page load. Used prefers-reduced-motion media query for removing animations for users who set reduce animations in settings.

Appreciate feedback/comments on code structuring or any improvement.

Community feedback

P
Patrick 14,285

@palgramming

Posted

Looks good the only thing would have been to make a middle transition between the mobile and desktop layout. Something like two columns of cards for the tablet and small desktop sizes to see instead of the one column stretched so much. With Grid Area Templates it makes it so easy to reorder things

But over all you did a very good job on this challenge

0

@santu369

Posted

Hey @palgramming, Thanks for the feedback, I was working on the middle transition and chose to submit the current solution to know if there are any issues. I've updated the tablet view just now.

Appreciate the feedback Patrick.

0
P
Patrick 14,285

@palgramming

Posted

@santu369 ⭐⭐⭐⭐⭐ Looks Great... Good Job that extra transition completes it

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