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

Testimonial Grid Frontend Solution

Mamin0679 80

@Mamin0679

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

Abimbola 170

@Abimzz

Posted

Firstly, I want to commend you on the excellent work you did on the project! Your attention to detail and overall design approach are commendable, and it’s clear that you put a lot of effort into creating a functional and visually appealing site.

While the project is strong, I noticed a few areas where improvements could be made:

  1. Background Color

    • The background color currently set as --Very-dark-blackish-blue: hsl(219, 29%, 14%); should be changed to --Light-grayish-blue: hsl(210, 46%, 95%);. This adjustment will create a lighter and more inviting atmosphere for the site.
  2. Breakpoint Adjustments

    • The breakpoint for your design needs to be adjusted to maintain a clear and readable layout across different screen sizes. Ensuring that your site is responsive will greatly enhance the user experience.
  3. Class vs. ID Usage

    • It’s advisable to use class names as much as possible instead of IDs. Classes provide more flexibility and can be reused across multiple elements, which is beneficial for maintaining consistency in your styles.
  4. Header Syntax

    • For your .header, consider using a more semantic approach by applying syntax such as h1, h2, h3. This not only improves the structure of your HTML but also enhances SEO and accessibility.
  5. Font Weight for Header

    • The font weight for the .header should be set to either font-weight: 500; or font-weight: 600;. This adjustment will help achieve a more balanced and visually appealing text hierarchy.

Overall, you’ve done a fantastic job with the project, and with these adjustments, it can be even better. I appreciate the hard work you’ve put into this, and I look forward to seeing how you implement these suggestions. Keep up the great work!

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