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 section with css grid

Anuj Guptaβ€’ 250

@AnujCodeIt

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


What are you most proud of, and what would you do differently next time?

  • Proud of completing the project.
  • I won't use grid areas properties because it's weird. I think it's a bit confusing for me to set a layout.

What challenges did you encounter, and how did you overcome them?

  • The biggest challenge is spacing and sizing always as I don't have any Figma files of the UI.
  • Making box shadow is also quite difficult, as it takes times to get the accurate shadow.

What specific areas of your project would you like help with?

  • will be helpful if you can tell my mistakes and what things I could have done better.

Community feedback

plantpirateβ€’ 190

@plantpirate

Posted

I really like your solution. The fact you got a box shadow is great, I didn't even notice it in the design all the times I looked at it. Grid does seem pretty difficult to use, but I'm not sure how the layout could have been done using flexbox.

The one thing I noticed is how your grid keeps growing on bigger screen sizes. That can be stopped by putting a max-width rule on the grid.

Marked as helpful

0

Anuj Guptaβ€’ 250

@AnujCodeIt

Posted

@plantpirate Thanks for the feedback.

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