QR code component using HTML and CSS

What are you most proud of, and what would you do differently next time?

What I am most proud of is that I used a very simple HTML structure and didn't overcomplicate things.
I also learned how to use <meta name="viewport" content="width=device-width, initial-scale=1.0"> to make the site responsive.
Another thing I am proud of is applying the mobile-first approach, as it makes it much easier to adapt elements.

What challenges did you encounter, and how did you overcome them?

The biggest problem was using CSS and applying styles to match the design example.
With the help of ChatGPT and by searching for information in other repositories, I managed to do it.

One problem I haven't been able to fix is the text below the QR code. I couldn't get the sentence above and the one below to align perfectly.

What specific areas of your project would you like help with?

I need help aligning the text. If you look closely, the "S" in "Scan" is not properly aligned with the "I" in "Improve." The same issue happens with "Skill" and "Mentor."