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.
This is a simple HTML and CSS based QR Code Scanner Project. The complete details regarding the process I used and topics I learned are mentioned below.
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- CSS Media Query
By working on this challenge, I successfully gained a foundational understanding of HTML and CSS. The tricky part about this challenge was to center each individual component and make it as close to the final design as possible. I deepened my knowledge of the flexbox model, which allowed me to control the positioning and alignment of elements within my designs. Additionally, I explored the fundamentals of media queries and their importance in creating responsive designs that adapt to different devices and screen sizes. Through this process, I recognized the significance of prioritizing a mobile-first workflow to ensure optimal usability across all platforms.