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 using semantic HTML5 and CSS Grid

#accessibility

@AngeliqueDF

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

@martinelias1312

Posted

Hello @AngeliqueDF,

for better accessibility i recommend:

  • using <main> to wrap all testimonials

  • using <footer> to wrap signature (.attribution)

  • using more class and id selectors and then be precise in selecting in your CSS. (now its harder to read the code while there is something like: body > article:nth-child(4) header img)

Btw, nicely done on page responsivenes!

1

@AngeliqueDF

Posted

Thanks, @smradupan! I somehow missed adding the main element. I have changed that and the CSS to make it more legible.

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