QR Code Component

Hello, Frontend Mentor community. This is my solution for the Qr-Code Component challenge

Today marks the beginning of the Newbie Challenge, a unique opportunity for me to offer solutions for HTML/CSS challenges specifically designed for newcomers. Throughout this challenge, I aim to provide comprehensive guidance to fellow developers by adhering to industry best practices. By focusing on key areas such as

• Semantic HTML
• Clean web page structure
• CSS enhancements
• Accessibility
• Performance Optimization,

I aim to address common mistakes observed in the challenges submitted by other participants. Through this initiative, I hope to not only solve newbie-level projects but also share valuable insights and tips to aid in their learning journey.

In this challenge, I focused on reducing the load time of Google fonts to improve page performance by 880ms. you can check this article

This solution is tested by

• lighthouse 
• w3c validator
• deque accessibility test
• wave accessibility test

if you want me to review your code, just comment (the challenge name + the areas you want me to focus on) and I will provide a review as soon as possible.