Responsive Testimonials Grid Section using Next JS & Tailwind CSS

Community feedback

• 

  Loai Esam•670

  @LoaiEsam37

  Posted about 2 years ago

  Your solution is truly impressive and legit . Keep going !!! and i have some suggestions to make it more incredible than it is.

  Look i don`t know much about tailwindcss so i will just write css so you can get the idea

  You can add these propeties to <main> tag so that it become responsive to extra large screens :-

  main {
  max-width: 1400px;
  margin: auto;
  }
  

  and then remove the padding from the media query so that the <main> tag can take its full width:-

  @media (min-width: 768px) {
  .md\:p-40 {
  padding: 10rem; /* remove this property */
  }
  }
  

  there are more details to make it responsive for small screen sizes but to do that i will need to read the full structure of your code and this will be very painful 😅

  hope you found this helpful 😊

  13

  Marked as helpful