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

Overview

Screenshot

Links

• Solution URL: Code
• Live Site URL: Live Demo

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

Started using relative CSS units. ex.:

  .container {
    padding: 1.3rem 1rem 5rem 1rem;
  }

Useful resources

• CSS values and units

Author

• Twitter - @NickNanos5
• LinkedIn - Nick Nanos
• Frontend Mentor - @nicknanos

Acknowledgments

Big thanks to KevinJPowell and his amazing video on css units that convinced me to start using relative css units for better design.