Responsive Testimonials Grid Section using Next JS & Tailwind CSS

Community feedback

• 

  Loai Esam•670

  @LoaiEsam37Posted over 1 year 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 😊

  Marked as helpful

  1

  ---

  

  Arpit Namdev•680

  @arpit8392Posted over 1 year ago

  Thank you @LoaiEsam37.

  Appreciate your time for reviewing the layout & suggesting the fixes.

  Fixed it now using tailwind, hope it's looking as expected?

  1

  

  Loai Esam•670

  @LoaiEsam37Posted over 1 year ago

  @arpit8392 You nailed it and everything looks exactly as expected. Keep up the great work 😊

  1

  

  Loai Esam•670

  @LoaiEsam37Posted over 1 year ago

  @arpit8392 if you found this helpful i will be very grateful if you mark my feedback as helpful so i can get 20 points 😊

  1