This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
![Capture d'Γ©cran 2023-07-17 113624](https://private-user-images.githubusercontent.com/120058921/253916283-5cfd29be-a5f4-49c1-81f0-f955a345c77c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTM4ODgxMTQsIm5iZiI6MTcxMzg4NzgxNCwicGF0aCI6Ii8xMjAwNTg5MjEvMjUzOTE2MjgzLTVjZmQyOWJlLWE1ZjQtNDljMS04MWYwLWY5NTVhMzQ1Yzc3Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQyM1QxNTU2NTRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04YWY3MDU2M2RhOWZhY2IyNzRmMWQyN2E4YjI3NGNjMGE2MWQ3NmZjZWZmOWI5MzRkMDIwZjY4NzM5ZWNiOTc3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.9O4hFuPgzaszBctDx4z3p493vM_hmAr-XokVAa5O6qo)
- Live Site URL: Click here
- Semantic HTML5 markup
- CSS custom properties
- Flexboxs
- CSS Grid
- Mobile-first workflow
One aspect I want to continue improving is adapting my websites to different screen sizes, especially for mobile devices. While my current projects look great on my laptop, I recognize the importance of ensuring a seamless user experience across various platforms. Enhancing my skills in responsive design will be a key focus for me moving forward.
Although I have a basic understanding of CSS Grid, I believe there is room for improvement in this area. I want to gain a better understanding of the intricacies and capabilities of CSS Grid, allowing me to leverage its full potential in future projects.
- Frontend Mentor - @HafsaTATA
- Twitter - @TataHafsa