Testimonial Grid Section

Community feedback

• 

  Jesse•430

  @jesse10930Posted over 3 years ago

  Hey Naman! Your project looks great! To solve your centering issue, one thing you could try using flexbox on the '.container' class.

  display: flex;
  align-items: center;
  justify-content: center;
  

  'align-items' should center the grid vertically and 'justify-content' should center the grid horizontally. You would probably have to remove any margin/padding that you have on the '.container' and '.mainbox' classes and perhaps set the 'height' or 'min-height' of the '.container' class to '100vh' to ensure it centers the grid relative to the height of the screen rather than the height of its parent element.

  Hope this helps!

  1

  ---

  

  Naman Kandol•250

  @namankandolPosted over 3 years ago

  @jesse10930 I really appreciate your effort. thanks for helping sir😁.

  0
• 

  Wisdom Ojimah•170

  @detachedsoulPosted over 3 years ago

  To center a grid, you can just do

  place-items: center;

  I would also suggest you giving the body a little padding at the bottom.

  0

  ---

  

  Naman Kandol•250

  @namankandolPosted over 3 years ago

  @detachedsoul sure i will take care of it next time🙂

  0