[Responsive] Testimonials grid section layout - Using HTML & CSS

Community feedback

• 

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @Manojraj07! Nice work on your submission. Your page is responsive. Well done. Some things to note:

  • In the design, the background colour is applied to the body. Your solution has it set on the .container.
  • You could centre content to the page by adding the following to the body in css.

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

  • Your page is missing an h1. For accessibility reasons, pages require one h1 element. For the nature of this challenge, you could add an h1 e.g: <h1>Testimonial grid section </h1>, visually hidden on screen but visible to screen readers. You can use this post as a reference.

  Happy coding!

  Marked as helpful

  1

  ---

  

  Manoj•245

  @Manojraj07Posted about 3 years ago

  Hello @dewslyse! Thank you for reviewing my work. Especially for the feedback. As a newbie, It's very helpful for me.

  I have completed suggested additions/changes. Hope you will get a chance to review again. :)

  Happy coding!

  1

  

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  @Manojraj07 solution looking better. All the best with subsequent challenges.

  1