QR Code Components

Community feedback

• 

  Aykın Sancaklı•680

  @aykinsancakliPosted 9 months ago

  Hello @Mussa-Chitemo

  📌 You can try this one ⬇️

  • To center components in a div without flexbox, you can use transform: translate(-50%, -50%) for both horizontal and vertical centering.

  .container {
        width: 100%;
        height: 300px;
        position: relative; /* Establish positioning context */
      }
  
      .centered-content {
        position: absolute; /* Position relative to the container */
        top: 50%; /* Move 50% down from the top */
        left: 50%; /* Move 50% from the left */
        transform: translate(-50%, -50%); /* Center the element */
      }
  

  Hope this helps.

  Cheers,

  Aykın

  0

  ---

  

  Mussa-Chitemo•30

  @Mussa-ChitemoPosted 9 months ago

  @aykinsancakli thank you very much.

  1