QR Code Component

Community feedback

• 

  Daniel Montoya•320

  @dnewbie25Posted over 2 years ago

  Hello! I see you had some trouble centering vertically. When you have this type of components, you can use display: flex as an easy way to center the container. You declare the display as flex for the body and then adjust the alignment. It would look something like this

  body {
     display: flex;
     justify-content: center;
     align-items: center;
  }
  

  The above should center your container as well as the element with the class attribution you have.

  Flex can be sometimes hard to manipulate when you have many elements, but this challenge is a good place to start getting used to it. Take a look at this guide:

  https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  After that, you can use flexbox inside the container to position the QR and the text.

  0