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

Overview

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

I learned how to add shadow, how to make an item centered and responsive.

.proud-of-this-css {
  display: flex;
    flex-direction: column;
    align-items: flex-start;
     box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.05);
}

Continued development

I would still be interested in working with the display properties and box-shadow as well.

Author

• Website - Joy Effiong
• Frontend Mentor - @Desire4tech
• Twitter - @Clazzical_Joy