https://github.com/kmock930/qr-code-component
https://github.com/kmock930/qr-code-component
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kmock930/qr-code-component
- Owner: kmock930
- Created: 2024-04-05T19:10:56.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-12T04:46:15.000Z (about 1 year ago)
- Last Synced: 2025-02-11T14:58:47.863Z (4 months ago)
- Language: HTML
- Size: 279 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)
- [Guide](#Guide)
- [Screenshot](#screenshot)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [About me](#About-Me)
## Overview
### Guide
1. Clone the repository onto your local machine.
2. Open 'qr-code-component-main' folder.
3. Open index.html file at your favorite browser.
Note: The CSS stylesheet is attached to the HTML file at the same directory.
### Screenshot
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
### What I learned
- Structuring a mixture of different kinds of components (including texts, images, divs, etc.) on a website, by using plain HTML.
- Arranging HTML structures with the use of CSS.
- Without using any framework or tool supported, I can master core concepts of web development effectively!
## About-Me
- Website - [Kelvin Mock](https://kmock930.github.io/) - under development!!!
- LinkedIn - [King Lun (Kelvin) Mock](https://www.linkedin.com/in/king-lun-kelvin-mock-548666173/)
- GitHub - [kmock930](https://github.com/kmock930)
- Frontend Mentor - [@kmock930](https://www.frontendmentor.io/profile/kmock930)
- Twitter - [@kelvinmock0930](https://twitter.com/kelvinmock0930)
- Instagram - [@kelvmock930](https://www.instagram.com/kelvmock930/)