Testimonials grid

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  The html must have <h1> to fix the accessibility issues.

  To center the content on the page using flexbox or grid,

  • USING FLEXBOX: add min-height:100vh; display: flex; align-items: center: justify-content: center; to the body

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

  • USING GRID: Add min-height:100vh; display: grid place-items: center to the body

  body{
  min-height: 100vh;
  display: grid;
  place-items: center;
  }
  

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  1

  ---

  

  Craig Johnson•240

  @craigdev937Posted over 1 year ago

  @Hassiai - Thanks for the tips. 😉

  0
• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  Hi there,

  nice work.

  ID's for manipulating styles should be used sparingly. For this challenge and usually css classes are the way to go, if you need to specify your css selector, you can use like :first-of-type, :nth-child etc. selectors to target one particular element. Classes are reusable as well, IDs are mostly used by Javascript.

  **Hope you find this feedback helpful!

  0