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

@percydocomo

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?

To be able to produce a layout similar to the project using grid layout. Using grid layout would be a better choice because there are horizontal and vertical alignments to deal with.

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

Using grid layout is a little challenging because I'm still learning it. It took me sometime to figure out the layout but it's great to be able to do it! Also, finding the right colors is a bit difficult to me somehow?! They always look different from the project design.

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

All feedback is welcome!

Community feedback

@Mohamed-ben-Ali

Posted

Absolutely! Your solution showcases a solid use of semantic HTML, which enhances both the accessibility and the overall structure of the content. The accessibility is well-implemented, ensuring that the site can be navigated and understood by all users, including those relying on screen readers.

The layout is responsive and looks great across a wide range of screen sizes, maintaining its integrity and usability whether viewed on a mobile device or a larger desktop screen. The code is well-structured, readable, and demonstrates good practices for reusability, which is essential for maintaining and scaling projects.

Your solution stays true to the original design, with only minor differences that enhance the user experience without deviating from the core design. Overall, you've done an excellent job, and your attention to detail is evident throughout the project!

Marked as helpful

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