QR-CODE-COMPONENT WITH HTML AND CSS

Community feedback

• 

  hitmorecode•6,760

  @hitmorecodePosted over 1 year ago

  Congratulations well done. Just a few things that can be changed

  • Add flexbox to the body to center the card.

  body{
  margin: 0;
  box-sizing: border-box;
  background-color: hsl(219, 29%, 87%);
  min-height: 100vh; /* add these lines */
  display: flex;
  justify-content: center;
  align-items: center;
  }
  
  .one{
  width: 23rem;
  height: 35rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin: 5rem auto; */ /* by adding flexbox on the body this line is not necessary */
  background-color: hsl(0, 0%, 100%);
  border-radius: 10px;
  }
  

  Marked as helpful

  0

  ---

  

  Kolapo Wariz Oladimeji•60

  @kolapowarizPosted over 1 year ago

  @hitmorecode Okay. Thanks

  0
• 

  Kolapo Wariz Oladimeji•60

  @kolapowarizPosted over 1 year ago

  Thanks

  0