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)
  • Built with
  • What I learned

Overview

I tried this challenge, but it's not that easy as i thought, i have so much to learn, thanks to this project i realize that i am not very knowledge in positioning the divs and moving and resizing items inside a div like images.

Screenshot

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Styled Components - For styles

What I learned

I learned how to center a div, using display: flex; and things about positioning items inside a div.