QR Code card using HTML and CSS

Community feedback

• 

  Krzysztof Rozbicki•370

  @KrzysztofRozbickiPosted almost 2 years ago

  Answering your question about the attribution. First be sure that your body has a

  position: relative;
  min-height: 100vh
  

  First needed so you can position the child of body according to its parent (body), second one is just to be sure that your body is at least as high as the viewport(screen) of user. Then in the attribution class you put e.g.

  position: absolute;
  bottom: 0.5rem
  

  Which means that your attribution will be always 0.5rem (default 8x) from the bottom of viewport You can read more about positioning - relative and absolute here: https://www.w3schools.com/css/css_positioning.asp And of course good old Kevin Powell: https://www.youtube.com/watch?v=P6UgYq3J3Qs

  And i advice you strongly to test that yourself by simple divs and just have fun and testing a lot of stuff. Positioning is in my opinion crucial to understand and without it is simply not possible to get the design look as you want.

  Marked as helpful

  0

  ---

  

  Navendu•270

  @AshxaryaPosted almost 2 years ago

  @KrzysztofRozbicki Thank you so much for the help, it worked and gave me exactly what I wanted. Will definitely check out the resources and use them for projects as I go on.

  0

  

  Krzysztof Rozbicki•370

  @KrzysztofRozbickiPosted almost 2 years ago

  @Ashxarya Always happy to help. Have fun!

  0