Responsive solution using Flexbox and Media Queries

Community feedback

• 

  Rachit Patel•540

  @rachit0706

  Posted over 2 years ago

  Congratulations for completing the challenge!

  I do have a suggestion for you to improve your code. Your body element is not taking the full height of the viewport and the component also is not at the center of the page as depicted in the design. For that you can use the following CSS in your code.

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

  This will ensure the body takes the proper height and component will be at center.

  Also instead of using <h3> tag for heading you should use <h1> as it is suggested in the accessibility report . You can then give it a proper font-size.

  If you find my feedback valuable then please mark this as helpful. Cheers!

  10

  Marked as helpful