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

• Live Site URL: Live Site

My process

Built with

• HTML5
• CSS3

What I learned

One popular skill I learnt was how to set a background image. I believe I will use this skill over and over again in the future.

#qr-code {
    width: 100%;
    height: 100%;
    background-image: url('images/image-qr-code.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}

Author

• Reach out to me on Linkedin - George Yu