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.

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

• Live Site URL: Add live site URL here

• Semantic HTML5 markup
• CSS
• Flexbox

I think my biggest learning on this project was that margins collapse, I still don't quite understand why, I used flexbox to correct this behavior, I also had to use min-height property to control the size of the QR container.

I still need to learn and practice more CSS, this is what will enable me to become a proper full stack developer.

• Collapsing margins by W3C
• Collapsing margins by sitepoint

These two articles helped me understand a little bit why this happens, still, more learning needs to be done.

• Frontend Mentor - @mgs96