amsandiego/qr-code-component-main

Solution to Frontend Mentor challenge: QR Code Component

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

Overview

Screenshot

Links

• Solution URL: https://github.com/amsandiego/qr-code-component-main
• Live Site URL: https://amsandiego.github.io/qr-code-component-main

My process

Built with

• HTML5
• CSS3
• Flexbox

What I learned

• How to use GitHub CLI to push an existing local repo to GitHub
• How to center a div
• How to center text and images
• How to use custom Google fonts

Continued development

• Responsiveness

Useful resources

• Different ways to center a div in a webpage - I learned the different ways I could center a div. Ultimately, for the container div in this project, I used absolute positioning.

Author

• GitHub - amsandiego
• Frontend Mentor - @amsandiego