QR Code Component

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

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

Screenshot

Links

• Solution URL: https://github.com/jhonmicc/qr-code-component
• Live Site URL: https://jhonmicc-qr-code-component.netlify.app/

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

.body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

Continued development

I don't do development continuously

Useful resources

• (https://stackoverflow.com/) - This helped me for some error solution. I really liked this source and will use it going forward.
• (https://www.youtube.com) - This is an video tutorial which helped me finally understand flex especiall how to centering a box. I'd recommend it to anyone still learning this concept.

Author

• Frontend Mentor - @jhonmicc
• Twitter - @stilllearncode

Acknowledgments

Special hat tip to God and my online friends, thank you.