QR Code Component

This is my solution to the QR code component challenge from Frontend Mentor.
The goal was to build a pixel-accurate, responsive component using modern HTML and CSS practices.

📸 Screenshot

🔗 Links

• Live Site: https://chikamsodev.github.io/qr-code-component-main/
• Repository: https://github.com/ChikamsoDev/qr-code-component-main
• Challenge: https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H

🛠 Built with

• Semantic HTML5
• Tailwind CSS
• Google Fonts (Outfit)
• Mobile-first workflow

📚 What I learned

• Structuring small UI components with semantic HTML
• Translating design specs into Tailwind utility classes
• Using custom HSL colors in Tailwind for design accuracy
• Centering content vertically and horizontally with Flexbox

🚀 Continued development

I plan to:

• Improve speed and confidence with Tailwind CSS
• Move into JavaScript to add interactivity to future projects
• Continue completing Frontend Mentor challenges to sharpen UI skills

👤 Author

• Portfolio: https://chikamsodev.github.io/Personal-Portfolio/
• GitHub: https://github.com/ChikamsoDev
• Frontend Mentor: https://www.frontendmentor.io/profile/ChikamsoDev

🙌 Acknowledgments

Challenge provided by Frontend Mentor.