Vanshikapandey30 / Hacktoberfest2024

It's time to contribute to HacktoberFest 2024 :)
https://hacktoberfest.com
143 stars 752 forks source link

QR Code generator #9 #29

Closed Ibrahim1249 closed 1 month ago

Ibrahim1249 commented 1 month ago

CopyThis pull request addresses the alignment issue of the generated QR code and makes several UI improvements to enhance the overall user experience of our QR Code Generator.

Key Changes:

  1. Centered QR Code: Used flexbox to ensure the generated QR code is always centered within its container.
  2. Improved Visibility Control: Modified the 'hidden' class to use !important, ensuring proper initial state and transitions.
  3. JavaScript Refinement: Updated the generateQR() function to use classList methods for more consistent element visibility management.
  4. UI Enhancements:
    • Adjusted the color scheme for a more professional look
    • Refined input and button styles for better visual harmony
    • Improved responsiveness and animations for a smoother user experience

qr-code

Please review and let me know if any further adjustments are needed.