Frontend Mentor - QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor.

Table of contents

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

Overview

My attempt at creating a solution for Frontend Mentor's QR Code Component Challenge.

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

This was my first attempt at a coding project that didn't include a code-along. Initially, I had overthought the use of flexbox, and after quite a bit of back and forth googling of elements and referencing MDN I found a way to organize everything to suit my needs.

I received a lot more hands on CSS practice, and have improved my understanding of it.

Continued development

I plan to attempt more recreations to improve my understanding of how HTML and CSS work together. Building a solid foundation of what makes up webpages will be important for me as I progress forward.

Flexbox is something I would like to delve further into, and attempting this challenge has helped me see the areas which I will need more study.

Useful resources

-https://developer.mozilla.org/en-US/ - Truly a lifesaver. Plenty of references and visualizations to help keep things moving.

Author

• Frontend Mentor - @destanyr