Frontend Mentor - QR code component

Welcome! 👋

Thanks for checking out this front-end coding challenge.

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

The challenge

The challenge was to build out this qr code component.

My process

Built with

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

What I learned

.proud-of-this-css {
  box-shadow: 0px 3px 8px 0px hsl(245, 75%, 52%);
}

The Markdown Guide

Continued development

• Responsive design
• CSS Flexbox

Useful resources

• A Complete Guide to Flexbox - This helped me for understanding the flex box properties. I really liked this pattern and will use it going forward.

Author

• Frontend Mentor - @mayor-creator
• Twitter - @mayor-creator