QR Code Challenge from Frontend Mentor

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <div class="container"> with the main tag to fix the accessibility issue

  For a responsive width the wont require a media query in this challenge. give .container a fixed max-width value instead of a percentage width value. e.g.: .container{max-width: 300px;}

  To center .container on the page, add min-height:100vh; display: flex; align-items: center: justify-content: center; or min-height:100vh; display: grid place-items: center to the body.

  Hope am helpful

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  1