Frontend Mentor - QR code component solution

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

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Acknowledgments

Overview

Screenshot

Links

• Github link to my code
• Live Github Page

My process

Built with

• Basic HTML5 markup
• Basic CSS properties
• CSS Grid

What I learned

My first time using Figma to get CSS properties and apply them.

I learnt that Github is a lot stricter about file paths:

The code below worked on local machine but didn't work on Github.

<img src="/images/image-qr-code.png"/>

I actually had to change it to the code below so it could work:

<img src="./images/image-qr-code.png"/>

Acknowledgments

Special thanks to Grace-Snow who helped me figure out the path issue I was struggling.