This is my solution for the QR code component challenge from Frontend Mentor. It demonstrates my knowledge of HTML, CSS, and Flexbox.
The challenge was to create a QR code component with the following requirements:
- Display a QR code image.
- Provide a title and description for the QR code.
- Create a responsive design that matches the provided design preview.
- HTML
- CSS
- Flexbox
I followed the provided design preview as closely as possible. I used Flexbox to structure the layout and ensure responsiveness. The QR code image was created using a separate library or API.
You can view the live demo of my solution here.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/qr-code-component.git
- Open the project in your code editor.
- Open
index.html
in your web browser.
This challenge allowed me to practice my HTML and CSS skills while working on a real-world component. I enjoyed creating the QR code component and learned some new techniques along the way.
Feel free to provide any feedback or suggestions for improvement. Thank you for checking out my solution!