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

Overview

Screenshot

Links

• Solution URL: My solution
• Live Site URL: QR Code Component

My process

Built with

• SCSS (CSS preprocesser)
• CSS
• HTML5

What I learned

So I finally learned how to center a <div> without CSS Flexbox...

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

Author

• Frontend Mentor - @Kemystra