Frontend Mentor - QR Code Component Solution

This is a solution to the QR code component challenge hosted on Frontend Mentor. Frontend Mentor requires the use of front end skills to create websites and solve real world coding challenges.

Table of contents

• Overview
• The challenge
• Screenshots
• Links
• Built with
• What I learned
• Useful resources
• Author

Overview

This project contains my QR code component design replication. It is the first challenge that I completed on Frontend Mentor.

The challenge

To create a QR code component and have it look as close to the original design as possible.

Screenshots

Links

• Solution URL: My Official Solution on Frontend Mentor
• Live Site URL: My Live QR Code Component Website

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

I learned how to add and position images, use headers, format my code using Prettier and how to use an internal CSS style sheet.

Useful resources

• Prettier · Opinionated Code Formatter - This helped me format my code.
• Google Fonts - This is where I found the font included in this project.

Author

• Website - Angie's Poetry Blog
• Frontend Mentor - @Cyber-Chic
• Github - @Cyber-Chic