Frontend Mentor - QR code component solution

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.

Table of contents

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

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

Screenshot

My process

Built with

• Semantic HTML5 markup
• CSS custom properties

What I learned

I got reminded that when we built a any webpage or project with HTML and CSS, always start with the appropriate HTML then style it with CSS.

First get the sections ready with HTML and style accordingly with CSS, in my opinion I think this is a best approach.

Useful resources

• Example resource 1 - This helped me for knowing how to set the qr scanner card in the center of the background. I really liked this pattern and will use it going forward.
• Example resource 2 - Its a free website where you can learn and have in hand experience from doing things.

Author

• Frontend Mentor - @steins-peterson
• Twitter - @PetersonSteins