Testimonial-Grid-Section

Hey ! Great work out there i just notice that you are using margin-inline and margin-block in order to center Testimonials grid section but does not work , i suggest that you can use display : grid or display : flex and there related properties in order to center the element. that's all happy coding !!

you can see the difference when you inspect and zoom-in and zoom-out , notice that the testimonial section will behave on its position by adding those properties in main-container.

@media (min-width: 800px) {
  .grid-container {
    grid-template-columns: repeat(4, 1fr);
    margin-inline: auto; // remove this
    margin-block: 20rem; // remove this 
  }
}

.main-container {
  display: grid; // add this
  place-items: center; // add this
  min-height: 100vh; // add this
}