QR Code Newbie Problem with React

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

  2

  ---

  

  Michael•30

  @Michael-IllPosted over 1 year ago

  @Bader-Idris Thank you Bader!

  1

  

  Bader Idris•2,880

  @Bader-IdrisPosted over 1 year ago

  @Michael-Ill you're welcome

  0
• 

  Aharen-Pranata•30

  @AlvinSetyaPranataPosted over 1 year ago

  I think the font is too big and you should use max-width property to reduce it's size

  My solution would be like:

  h2 {
          font-size: 20px;
          font-weight: 700;
          max-width: 270px;
          text-align: center;
        }
        
        p {
          font-size: 15px;
          font-weight: 400;
          color: var(--grayish-blue);
          max-width: 250px;
          text-align: center;
        }
  

  Marked as helpful

  1

  ---

  

  Michael•30

  @Michael-IllPosted over 1 year ago

  @AlvinSetyaPranata thank you Aharen!

  0

  

  Aharen-Pranata•30

  @AlvinSetyaPranataPosted over 1 year ago

  @Michael-Ill No problem mike!

  0