Responsive testimonials layout using Grid CSS

Community feedback

• 

  Adriano•38,270

  @AdrianoEscarabotePosted about 1 month ago

  Hello Sebastián Márquez, how are you? I was really pleased with your project, but I’d like to offer some advice that might help:

  I noticed that your component is growing a lot at higher resolutions, to solve this we can do the following:

  .testimonials {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-areas:
          "one one two five"
          "three four four five";
      gap: 2em;
      width: 80%;
      margin: 50px auto;
      max-width: 1110px;
  }
  

  The rest is spot on.

  Hope it’s helpful to you. 👍

  1