https://github.com/lily4178993/qr-code-component

Discover a design-focused solution to the QR code component challenge on Frontend Mentor, featuring optimal layouts for various devices. Elevate your design and coding skills with this real-world project.
https://github.com/lily4178993/qr-code-component

flexbox-css frontendmentor-challenge skill-development

Last synced: 3 months ago
JSON representation

Discover a design-focused solution to the QR code component challenge on Frontend Mentor, featuring optimal layouts for various devices. Elevate your design and coding skills with this real-world project.

• Host: GitHub
• URL: https://github.com/lily4178993/qr-code-component
• Owner: lily4178993
• License: mit
• Created: 2022-05-19T18:18:11.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-10-26T11:00:27.000Z (over 2 years ago)
• Last Synced: 2024-10-19T01:14:37.132Z (over 1 year ago)
• Topics: flexbox-css, frontendmentor-challenge, skill-development
• Language: HTML
• Homepage: https://lily4178993.github.io/QR-code-component/
• Size: 84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


# QR Code Component Solution

This repository presents a solution to the QR code component challenge on Frontend Mentor. The challenge centered around building a QR code component and achieving a design that closely mirrors the provided reference. The solution ensures the optimal layout, adapting to the user's device screen size.

Frontend Mentor challenges offer a valuable opportunity to enhance coding skills by working on real-world projects, like this QR code component.

## Table of Contents

- [Overview](#overview)

- [Live Demo](#live-demo)

- [Screenshot](#screenshot)

- [Built With](#built-with)

- [Acknowledgments](#acknowledgments)

- [License](#license)

- [Author](#author)

## Overview 

This project represents a solution to the [QR code component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H). It involves the development of a 3-column preview card component, with a focus on achieving a design that closely aligns with the provided reference.

(Back to Top)


## Live Demo 

View the live demo of this project [here](https://lily4178993.github.io/QR-code-component/).

## Screenshot 

![Mobile Preview](https://github.com/lily4178993/QR-code-component/blob/main/design/mobile-preview.jpeg?raw=true)

(Back to Top)


## Built With 

- Semantic HTML5 markup

- CSS custom properties

- Flexbox

  
(Back to Top)


## Author 

- Frontend Mentor - [@lily4178993](https://www.frontendmentor.io/profile/lily4178993)

- LinkedIn - [Nelly T.](https://www.linkedin.com/in/nellytelli)

  
(Back to Top)


## Acknowledgments 

I would like to express my gratitude to [Frontend Mentor](https://www.frontendmentor.io) for providing the QR Code Component challenge that inspired this project.

(Back to Top)


## License 

This project is open-source and available under the [MIT License](LICENSE).

(Back to Top)