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

@doomware

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Shraddha 485

@5hraddha

Posted

Hey @doomware, Great job at implementing the design 👏 There are a few suggestions for enhancements:

  1. In React, instead of importing React Fragment and using it, you could also just use - <>.. . It is the shorthand for using React Fragment.
  2. Each card could be an article semantically as each one is a self contained unit. So, instead of using <div> tags for them, we could utilize <article> tag instead.

I appreciate how clean and crisp your solution is for the design. Keep it up ⭐

Marked as helpful

1

@doomware

Posted

@5hraddha Hello. Thanks for your comment. If you already knew that I can shorten fragment, but so I get used to using it. And as for semantic HTML, thanks for telling me, I'll start to take it into account, I see that it is currently widely used. Thanks :)

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