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

This is a solution to the challenge "QR Code Component" from Frontend Mentor.
https://github.com/ahmedgamal2212/qr-code-component

css css-flexbox html5 semantic-html

Last synced: 4 days ago
JSON representation

This is a solution to the challenge "QR Code Component" from Frontend Mentor.

• Host: GitHub
• URL: https://github.com/ahmedgamal2212/qr-code-component
• Owner: AhmedGamal2212
• Created: 2023-12-12T16:16:40.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-29T13:32:00.000Z (about 1 year ago)
• Last Synced: 2024-04-20T00:41:19.028Z (9 months ago)
• Topics: css, css-flexbox, html5, semantic-html
• Language: CSS
• Homepage: https://ahmedgamal2212.github.io/qr-code-component/
• Size: 121 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - QR code component solution

This is a solution to the [QR code component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 

## Table of contents

- [Overview](#overview)

  - [Screenshot](#screenshot)

  - [Links](#links)

  - [Built with](#built-with)

  - [Installation](#installation)

## Overview

### Screenshot

![Live Demo](./images/live-page-screenshot.png)

### Links

- Solution URL: [My Solution @ Frontend Mentor](https://www.frontendmentor.io/solutions/qr-code-component-DVC5i7UWmI)

- Live Site URL: [Live Demo](https://ahmedgamal2212.github.io/qr-code-component/)

### Built with

- Semantic HTML5 markup

- CSS

- Flexbox

- Mobile-first workflow

### Installation

To run this project locally, you need to have Node.js and npm installed on your machine. Then, follow these steps:

1. Clone this repository: `git clone https://github.com/AhmedGamal2212/qr-code-component.git`

2. Open the `index.html` in your broswer