QR Code Component Challenge

This repository contains my solution to the QR Code Component challenge on Frontend Mentor. In this challenge, I was tasked with creating a QR code component using HTML and CSS.

Challenge Description

The challenge was to build a QR code component that met the following criteria:

• The component should display a QR code image.
• The design should be responsive and look good on both desktop and mobile devices.
• The design should match the provided design files (located in the design directory).

Solution Overview

To complete this challenge, I used HTML and CSS to create a responsive QR code component. Here is an overview of the key files and directories in this repository:

• index.html: This HTML file contains the structure of the QR code component. It includes the necessary HTML elements.
• images/: This directory contains any images used in the project. In this case, it contains the QR code image that was generated based on the provided URL.
• design/: This directory contains the design files provided by Frontend Mentor. It includes both desktop and mobile designs in both light and dark themes.

How to View the Solution

To view my solution to the QR Code Component challenge, you can do the following:

1. Go to my GitHub Repository of qrcodecomponent

2. Open the index.html file in a web browser to see the QR code component in action.

Screenshots

Technologies Used

• HTML
• CSS

Credits

• Frontend Mentor for providing the challenge and design files.
• The QR code generator library used to generate the QR code image.

About Me

I'm a frontend developer passionate about creating user-friendly and visually appealing web applications. This project is part of my journey to improve my coding skills. You can find more of my work on Frontend Mentor

If you have any questions or feedback about my solution, feel free to reach out to me.

Thank you for checking out my QR code component solution! 🚀