Skip to content
Submitted almost 3 years ago

Testimonials Grid Section

Maciej Duda•100
@mcdud
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

My 5th challenge. Tried to finish it as fast as i could so it's not pixel perfect. First time using CSS Grid, learned a lot from it, i think i'm going to use it more :). Made fully responsive from mobile to desktop. As always appreciate any feedback. Have a nice day!

Community feedback

  • darryncodes•6,370
    @darryncodesPosted almost 3 years ago

    Hi Maciej,

    Congrats on completing another challenge - keep up the momentum!

    The responsiveness on this one is on point!

    I'd encourage you to clear your accessibility report by adding alt-text to your images and consider including a screen reader only <h1>, this snippet will help you do it:

    .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
    Marked as helpful
    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