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 testimonals grid section using flexbox

@RajKumar-612

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?

I am proud of achieving this with minimal support, would like to improve my speed.

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

faced some styling issues, took help from chatgpt and w3schools.

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

I would appreciate any suggestions on page design , responsiveness and code improvements.

Community feedback

d0t666 110

@d0t666

Posted

The HTML structure is well-organized and clear, using appropriate tags like <main>, <div>, and headings to separate content effectively. Each testimonial is encapsulated in a <div class="card">, enhancing readability. However, the use of <h1> for each testimonial may affect the heading hierarchy; it would be better to use <h2> or <h3> for subheadings. The inclusion of images and names adds authenticity. Overall, it's a solid foundation for a testimonial page, but attention to heading levels and language consistency is needed.

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