Frontend Mentor - QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor provides the designs and assets only, while I personally worked on the code to build this static website.

Table of contents

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

Overview

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

Built with

• Flexbox
• Mobile-first workflow
• CSS custom properties

What I learned

This challenge was a refresher on basic frontend concepts that I had learnt and used at work as a frontend engineer. This included:

• using flexbox
• CSS custom properties to set the colors

Continued development

While I was able to complete this mini-challenge without much trouble, there are still room for improvement:

• I would like to get better at the usage of padding and gaps
• Gain more experience referencing Figma models
• Recognizing redundant css styles

Author

• Website - Anthony Wan
• Frontend Mentor - @anthonydwan
• LinkedIn - Anthony Wan