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.
Note: Delete this note and update the table of contents based on what sections you keep.
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
After going through the HTML and CSS sections of Colt Steele's Web Developer 2022 Bootcamp I thought I'd be able to do this QR code challenge. And well, I was disappointed to find out how little I actually knew. After starting I quickly realised I'd need to do a step back and revisit some of the CSS sections from the Bootcamp. After this break I thought I knew what I'd had to change to find the solution. Once again, I was disapppointed to find out that one problem solved created a couple more things to fix. But this time I managed to google my problems and knew a couple more things to try.
Did I want to give up every five minutes. Yes. Is this solution perfect? No. I'm certain it's very flawed and not even entirely finished. But it did teach me to keep going and to google my problems along the way.
So I'm considering this a good start, but there's still plenty to learn.
I didn't struggle with getting the HTML down as much as I did with the CSS part of this challenge. But I'll continue working on both.
- Website - Add your name here
- Frontend Mentor - @yourusername
- Twitter - @yourusername