QR Code - Component

Hello there 👋. Good job on completing the challenge !

• Instead of using <br> tags, which can lead to accessibility issues, you can use the max-width property and margin to control the width and position of your text elements. For example:

  HTML:

  <p ... >Scan the QR code to visit Frontend and take your coding skills to the next level</p>
  

  CSS:

  .Container__CardQR-SubTitle {
    max-width: 26ch;   /* Adjust this value to suit your design */
    margin-inline: auto;  /* Centers the block element horizontally */
  }
  

  This would ensure your text block has a maximum character width (26ch in the example) and is centered horizontally in its container.

I hope you find it useful! 😄

Happy coding!