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
  • Links
• My process
  • Built with
  • What I learned

Overview

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/solutions/qr-code-component-using-figma-and-css-BkAp6bW75
• Live Site URL: https://gregsgrog.github.io/Frontend-Mentor-qr-component/

My process

I started by building planning out my project in figma. I then added my HTML tags, before linking my css file, adding the google font and adding my css.

Built with

• Semantic HTML5 markup
• CSS custom properties
• Mobile-first workflow
• Figma - Design
• Google Fonts - Fonts

What I learned

I learned to keep my code as simple as possible to allow me to make future changes easily without code bloat.