Skip to content

RVilums/qr-code-comp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

QR Code Component

Design preview for the QR code component coding challenge

This is my solution for the QR code component challenge from Frontend Mentor. It demonstrates my knowledge of HTML, CSS, and Flexbox.

Challenge

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.

Technologies Used

  • HTML
  • CSS
  • Flexbox

Approach

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.

Demo

You can view the live demo of my solution here.

Installation

To run this project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/your-username/qr-code-component.git
  2. Open the project in your code editor.
  3. Open index.html in your web browser.

Conclusion

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!