QR Code project using HTML and CSS

Community feedback

• 

  talisong-cardoso•100

  @talisong-cardosoPosted over 2 years ago

  Try this

  <div class='container>
      <div class='qr-code'>
          your code... {.qr-image; .info}
      </div>
  </div>
  

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

  .qr-code {
  */  your code that was previously in the .container. for example: */
  
      background-color: hsl(0, 0%, 100%);
      height: 500px;
      width: 320px;
      border-radius: 10px;
      padding-top: 10px;
  }
  

  0
• 

  Justin•0

  @jmr-smithPosted over 2 years ago

  If you're talking about centering the entire card vertically, try creating a container component around your entire card and setting it to display: flex; with justify-content: center; and align-items: center;. Just make sure that the height of the container is 100%. - https://stackoverflow.com/questions/19026884/flexbox-center-horizontally-and-vertically

  0