QR Code Component using basic HTML5 and CSS

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted over 1 year ago

  congratulations well done. Just a few thing you can fix

  body {
      background-color: hsl(212, 45%, 89%);
  /* add a min height of 100vh to the body, to make use of the entire height of the body */
      min-height: 100vh;
      /* use flexbox to place the card in the middle of the page */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  main.component {
  /* I commented out things that you don't need */
  /*     margin: auto; */ /* flexbox on the body will to this */
  /*     margin-top: 10px; */
  /*     vertical-align: middle; */
      height: 580px;
  /*     min-width: 300px; */
      max-width: 360px;
      background-color: hsl(0, 0%, 100%);
      border-radius: 20px;
      box-shadow: black 0px -0.5px 2px;
  }
  

  0