QR Code image using Flexbox and HTML

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 {
    position: 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.

  and if you wanna practice Flexbox, I prefer learning from both flexboxFroggy and flexboxZombies websites , they're grateful for education purposes. Hope it's useful

  Marked as helpful

  0

  ---

  

  wheels63•50

  @wheels63Posted over 1 year ago

  @Bader-Idris

  Thanks for this! I completed flexbox froggie and zombies but still couldn't get the dang container to center vertically. thank you for this!

  1