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 section

@carstenkoerner

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?

The actual realization was not difficult at all. But the exact implementation of the design was a bit tricky. I'm pleased that I still managed to get it very close to the original.

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

No challenges this time.

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

-/-

Community feedback

P

@itsmesrishti

Posted

Hey, great work on getting close to the design and the semantics and css look good as well!

The only thing I'd say is that you set grid-column and grid-row for all the testimonials which isn't really required?! Setting these values for .jeanette and .jonathan could be avoided.. they aren't really needed and this is just adding redundancy since the job is by default being done anyway you know what I mean?!

And there's also a shorthand property for setting values for grid-column and grid-row together called grid-area so maybe you might want to check that out.

Again great work and your scss files look pretty great as well! "I still have so much to learn" that's what I thought when I checked them out 😅😅

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