Accesible QR-Code Component

Community feedback

• 

  Luis Aviles•180

  @lavil014Posted about 1 year ago

  Congrats completing this challenge .

  I found the following AOO that may be helpful for you in the future when centering a container.

  .mainCard{ margin: 3rem auto; width: 230px; border-radius: 10px; background-color:var(--White); }

  Instead of using margin you can allocate the main card container from the parent container which is the body element .

  Here an example using display flex :

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

  0