heronkyaw/qr-code-component

This is a project from front end mentor. I am going to use HTML, CSS, and Bootstrap 5 for this project.

Frontend Mentor - QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

Screenshot

Screenshot for Mobile (375px)

Screenshot for Desktop (1440px)

Links

• Solution URL: Github
• Live Site URL: Github pages

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox (included in bootstrap components)
• Bootstrap 5

What I learned

During this project, I have been practising Bootstrap 5. However, sometimes, it is better to use pure css even though I can customize the value in Bootstrap 5. Bootstrap 5 is just an amazing css framework.

Continued development

In the next projects, I will try to customize the Bootstrap css files instead of using the pure css on my own. As I still feel that my responsive skill is not satisfied for me. I will learn to make the best responsive layout for every devices.

Author

• Frontend Mentor - @HeronKyaw
• Linkedin - Wunna Kyaw
• Github - Wunna Kyaw

Acknowledgments

I did this project on my own. However, thanks to frontend mentor for letting us practise. Thanks a million. One of the best website for frontend developer.