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 Testimonial grid section made using HTML & vanilla CSS 🌟

Damini Rajput• 120

@GitDbR

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


Actually I should have used column-start, column-end for spanning the grid columns but I also wanted to try grid-templete-areas. So I have used that.

Any feedback is welcomed....

Community feedback

P
Jaylou Rasonabe• 650

@JlordS32

Posted

Your project looks absolutely awesome. Congrats for finishing this challenge, I hope you enjoyed your time while doing this.

There is no problem in using column-start/column-end or row-start/row-end. This all comes down to preference, grid-template-areas is just a shorthand for writing column/row-start/end for shorter code, if you feel more comfortable and maybe you find it easier to read column/row-start/end, then go for it.

Overall, your code looks all good to me, I can suggest to maybe remove margin: 6rem auto auto for your testimonial.container, just so the container is centered. Nicely done!

Marked as helpful

1

Damini Rajput• 120

@GitDbR

Posted

@JlordS32 Thank you for your feedback...😊

0
mr-wollff• 30

@mr-wollff

Posted

grid-template-areas are best you don't have to do a lot of works, just give it a name and give those names to the individual cards, I used that too.

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