QR code using HTML, CSS3, css-variables

Community feedback

• 

  Bader Idris•2,880

  @Bader-IdrisPosted over 1 year ago

  You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

  .container {
    display: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  

  the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

  Marked as helpful

  1

  ---

  

  Maneesh Cheema•90

  @ayechico21Posted over 1 year ago

  @Bader-Idris Its a great add on and definitely a good way to do it

  I mostly use flexbox for such scenarios as it gives me layout options. If I were to use the same component somewhere else, I can easily change few properties of flexbox and adjust my component to the new overall layout of the page.

  Transform is a great feature as well. I look forward to using it

  Appreciate the help. Thanks

  1