Testimonial-Grid-Section

Community feedback

• 

  JuvoGenesis👾•2,010

  @AkoToSiJeromeEhPosted 7 months ago

  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
  }
  

  Marked as helpful

  0

  ---

  

  yagnik0•420

  @yagnik0Posted 7 months ago

  @AkoToSiJeromeEh Thanks for the suggestions bro soon I'll make the changes and do it better.😌

  0