Testimonials grid section solution using Tailwind CSS

Community feedback

• 

  Jeuri Morel•1,385

  @JeuriMorelPosted about 1 year ago

  The easiest way to center an item is to make its parent a flex box, so I would give the body the following:

      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
  

  the min-height is so that it takes up the full screen. This will perfectly center the grid section once you remove the margin-top on it.

  The grid section appears to be too wide, so I would give it a max-width of something more pleasing and closer to the design, maybe 1200px or so.

  Marked as helpful

  0