QR Code Component

Challenge by frontendmentor.io. Coded by Guido Famula.

Solution URL ~||~ Live URL ~||~ Challenge URL

Table of contents

• Overview
  • Mobile Version
• My process
  • Built with
  • What I learned
  • Useful resources
• Author
• Acknowledgments

Overview

Mobile Version

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Tailwind CSS - For styles

What I learned

This project taught me to get used to writing css code without having the design of figma, XD etc., so it trained my feelings on the formulation of css components, sizes and what elements fit the rules of this challenge image, some things like flex and grid continue to be honed along with projects from frontend mentors.

Useful resources

• Tailwind Elements - This is an amazing reference which helped me guiding the design. I'd recommend it to anyone still learning this concept and example.

Author

• My Website - GUIDOFAMULA.COM
• Frontend Mentor - @guidofamula
• Linkedin - Guido Famula

Acknowledgments

Thank you to all my friends or frontend mentor friends who often give me advice and guidance, so that I am more motivated and focused on living my activities as a frontend developer.