https://github.com/killflex/qr-code-component
Frontend Mentor Challenge (HTML and CSS)
https://github.com/killflex/qr-code-component
css html
Last synced: 11 months ago
JSON representation
Frontend Mentor Challenge (HTML and CSS)
- Host: GitHub
- URL: https://github.com/killflex/qr-code-component
- Owner: killflex
- Created: 2022-10-07T19:10:22.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-07T19:15:10.000Z (over 3 years ago)
- Last Synced: 2025-01-26T14:22:05.004Z (about 1 year ago)
- Topics: css, html
- Language: CSS
- Homepage: https://killflex-qr-code-component.netlify.app
- Size: 77.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Responsive Web Design with Media Query CSS
- Desktop-first workflow
### Useful resources
- [CSS Flexbox Cheatsheet VSCode Extension](https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet) - This helped me for choose flexbox property I really need for layouting the card. Might gonna use it going forward.
- [Box Shadow CSS Generator](https://cssgenerator.org/box-shadow-css-generator.html) - This is one of a bounch Amazing web generator, which helped me got the box shadow properly as I want. I'd recommend it to anyone to use this generator for daily web coding.
## Author
- Website - [Ferry Hasan](https://killflex.github.io)
- Frontend Mentor - [@killflex](https://frontendmentor.io/profile/killflex)
- Instagram - [@killflex](https://instagram.com/killflex)
- Twitter - [@fleksipi](https://twitter.com/fleksipi)
- LinkedIn - [Ferry Hasan](https://www.linkedin.com/in/ferry-hasan-4988b8242)