testiomonial grid section using css grid

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 9 months ago

  Hello @Kaung-Thant-Kyaw!

  Your solution looks great!

  I have a suggestion for you:

  Your grid is not centered and I went through your code to check the reason, and here it is:

  • First: You didn't use min-height on the body.
  • Second: You created 3 grid rows, but you needed only 2.

  📌 Here's your code with some observations I've made:

  body {
      font-size: 13px;
      font-family: "Barlow Semi Condensed", sans-serif;
      min-height: 100vh; /* I added this line */
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 48px auto; /*  You don't need this margin */
  }
  
  .testimonial-grid {
      grid-template-columns: repeat(4, 1fr);
    /*  grid-template-rows: repeat(3, 1fr); You can remove this line */ 
      grid-template-rows: repeat (2, 1fr); /*  You need only two rows  */
  }
  

  I hope it helps!

  Marked as helpful

  1

  ---

  

  Kaung Thant Kyaw•210

  @Kaung-Thant-KyawPosted 9 months ago

  Thanks a lot@danielmrz-dev

  1