Frontend Mentor - QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor.

Table of contents

• Overview

  • Screenshot
  • Links

• My process

  • Built with
  • What I learned
  • Continued development

• Author

• Acknowledgments

Overview

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/solutions/qr-code-component-MTZ2w5NKvy
• Live Site URL: https://saurabh13042004.github.io/QR-CODE-CHALLENGE-BY-FRONTEND-MENTOR.IO/)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

The major learnings while working through this project was to implement the learning of CSS i learned . Through this i also learned how to use the CSS flexbox and media queries to make the website responsive. I also learned how to use the CSS variables to make the website more dynamic and code readable .

Some code that I'm proud of (just a part of fun):

<h1>Some HTML code I'm proud of</h1>

.proud-of-this-css {
  color: papayawhip;
}

const proudOfThisFunc = () => {
  console.log('🎉')
}

Continued development

I will try to focus to make more dynamic and responsive website in the future. I will also try to make the website more interactive and user friendly. I will also try to make the website more accessible to the user.

Author

• Linkdin - Saurabh Shukla
• GitHub Profile - @Saurabh13042004
• Instagram- @saurabh.shukla.

Acknowledgments

I would liked to thank Dr. Angela Yu for her guidance and support in web development bootcamp. Because of her i was able to learn the basics of web development and i was able to complete this project.

Thanks