Skip to content
Submitted about 2 years ago

Responsive Testimonials grid section using CSS grid and rem unit

Maxwell Takyi•250
@damagermax
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Though I was able to achieve the desired result, I'm not sure if I am following the best practices. Any help, criticism, or feedback is welcome, I am here to learn!

Community feedback

  • Alseny•50
    @alseny-dialloPosted about 2 years ago

    Hi @damagermax, Goog job, just some suggestions for you:

    • I see you are doing your best to respect the semantics but you can do better for example your root div you could replace it with the main element which designates the main content of the <body>.

    • I also see that you used h1 for paragraphs, use the p tag and then you can style the element using the fond-weight property.

    • for paragraphs containing quote text you can improve by using <blockquote> to indicate to screen readers that the content of that paragraph is a quote.

    I hope this will be useful to you

    0

Please log in to post a comment

Log in with GitHub

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