Frontend Mentor - QR code component solution

This is my solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Screenshot

Links

• Solution URL: (https://github.com/demense/qr-code-component)
• Live Site URL: (https://demense.github.io/qr-code-component/)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

In this solution I revised Flexbox and some other CSS properties. I learned how to cast a border shadow.

.card {
    box-shadow: 0px 8px 20px 0px hsl(0, 0%, 0%,.09);
}