Testimonials Grid Section

Community feedback

• 

  Matias Ludueña•1,990

  @matiasluduena23Posted about 1 year ago

  Hi Namrata! Good work!!! Your media query works perfectly fine! Just one advice that might help you.

  • To avoid that your content go all away to the width sides, you can use a max-width in your main.

  main {
     display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    margin-left: 47px; //remove this line
    margin-right: 47px;//remove this line
    margin-top: 100px; 
    max-width: 1000px; // add this line
    margin-inline: auto; //add this line( center you content)
  }
  

  The margin-inline is the same that say (margin-left- margin-right)

  Look this when you have time.

  Hope this help you!

  Good code!!!

  Matias

  Marked as helpful

  0

  ---

  

  Namrata Sinha•530

  @nmrtsnhPosted about 1 year ago

  @matiasluduena23 Hi Matias. Thank you for the feedback!

  0