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

  • Solution URL: here

My process

Built with

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

What I learned

  • an alpha value can be added as the fourth parameter to the hsl() CSS function
  • WOW. screenshots can be made from devtools!