Skip to content

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.

License

Notifications You must be signed in to change notification settings

lily4178993/QR-code-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

This project represents a solution to the QR code component challenge on Frontend Mentor. 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.

Screenshot

Mobile Preview

(Back to Top)

Built With

  • Semantic HTML5 markup

  • CSS custom properties

  • Flexbox

    (Back to Top)

Author

Acknowledgments

I would like to express my gratitude to Frontend Mentor 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.

(Back to Top)

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Languages