Qr-code-component

Community feedback

• 

  Ecem Gokdogan•9,380

  @ecemgoPosted over 1 year ago

  Some recommendations regarding the CSS that could be of interest to you.

  CSS

  • If you want to center it correctly, you can add min-height to the body:

  body{
      min-height: 100vh;
  }
     
  

  • after adding min-height, you need to remove margin-top from the .card (by the way, you used two background-color, I've removed the other) and it's the updated version of .card below:

  .card {
    width: 320px;
    height: 496px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }
  

  • and finally, you can add position and bottom to .attribution so that it stays at the bottom:

  .attribution {
    position: fixed;
    bottom: 0;
  }
  

  Hope I am helpful. :)

  0

  ---

  

  Beatriz Ferreira•80

  @devFerreirPosted over 1 year ago

  @ecemgo

  thanks for you help, i appreciate it ;)

  1