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 QR code. It took me a while, but I'm proud of all I've learned.
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- Flexbox
This project helped me to practice Flexbox and using REM rather than pixels for accessiblity. I also learned I should slow down and pay attention to the style guide. ("Why doesn't this paragraph look right?" Because I haven't used the color the style guide told me to!)
Doing this project made me more confident using Flexbox, and I hope to continue practicing it (and CSS Grid.)
Note: Delete this note and the content within this section and replace with your own plans for continued development.
- Keep the Footer at the Bottom: Flexbox vs. Grid by Stephanie Eckles - I had trouble getting the footer with the attribution to stay underneath the QR code, and this gave me a solution.
- FLEX - This Flexbox cheat sheet helped me see Flexbox concepts in action. (Applying properties to a parent so the children will be affected is kind of counter-intuitive.)
- Website - Sweet Perdition
- Frontend Mentor - @terakrk
Thanks to code from Antares (https://github.com/xdcron/-Calebs-code), Nyxx (https://github.com/InfiniteEndeavours/frontend-mentor-challenge-1) and Ronan-cn (https://github.com/Ronan-cn/projeto-qr-code-frontendmentor/tree/main). Thanks also to GraceSnow and AlexKMarshall.