https://github.com/chegudev/qr-code-component-project
Practice project from frontendmentor.io
https://github.com/chegudev/qr-code-component-project
components css3 fixed frontend-mentor html5 refactor
Last synced: about 1 year ago
JSON representation
Practice project from frontendmentor.io
- Host: GitHub
- URL: https://github.com/chegudev/qr-code-component-project
- Owner: chegudev
- Created: 2023-09-19T15:45:47.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-05-18T21:03:42.000Z (almost 2 years ago)
- Last Synced: 2024-11-11T14:07:21.857Z (over 1 year ago)
- Topics: components, css3, fixed, frontend-mentor, html5, refactor
- Language: CSS
- Homepage: https://chegudev.github.io/QR-Code-Component-Project/
- Size: 44.7 MB
- 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)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [Why did I code the project again ?](#why-did-i-code-the-project-again-)
- [Author](#author)
## Overview
### New
### Old
### Links
- [Live Page](https://chegudev.github.io/QR-Code-Component-Project/)
- [Solution](https://www.frontendmentor.io/solutions/responsive-qr-code-component-in-html5-and-css3-mOrn8s6NM1)
- [Repository](https://github.com/chegudev/QR-Code-Component-Project.git)
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flex-box
### Why did I code the project again ?
Well, the first time I coded this project, I actually didn't know much about HTML/CSS.
The presence of unnecessary files, excess in the appearance of the page, and the lack of standard structuring,
It made me decide to rebuild the project.
I realized that in order to show my creativity as a front-end developer, I don't necessarily need to add different and weird designs to the project; Rather, what can make me different from others in this profession is the use of tricks and tips that can have a positive effect on the way of structuring and even improving the efficiency of the project.
## Author
- Frontend Mentor - [@chegudev](https://www.frontendmentor.io/profile/chegudev)
- Github - [chegudev](https://github.com/chegudev)
- Linkedin - [Zahra Ehsani](https://www.linkedin.com/in/zahraehsani/)