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
• Author

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

Overview

This is a QR code component challenge on Frontend Mentor. The challenge is to build out this QR code component and get it looking as close to the design as possible.

Screenshot

Links

• Solution URL: Click here
• Live Site URL: Click here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid

What I learned

I learned how to use the css grid and flexbox to make the layout responsive.

Continued development

I want to continue focusing on the responsive design and also want to learn more about the css grid and flexbox.

Author

• Sahil Tyagi - @Sahil21dev
• Twitter - @Sahilcodestuffs