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
  • Useful resources
• Author
• Acknowledgments

Note: I have mentioned three sections in html file header, main, and footer but I used only two for this challenge main and footer .

Overview

Screenshot

Desktop

Smartphone

Note: Above mentioned the screenshot of solution. I took screenshot in desktop version as well as smartphone version

Links

• Solution URL: Solution URL here
• Live Site URL: Live site URL here

My process

Built with

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

Note: Above process I followed to design this QR Code Component

What I learned

I learnt more about semantic and flexbox.

Continued development

Useful resources

Author

• Website - AbdurRahman G
• Frontend Mentor - @abdurrahmang
• Twitter - @abdurrahmang_

Acknowledgments