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
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

This is my first project on Frontend Mentor.

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/solutions/html-and-css-wagOk6GEFU
• Live Site URL: https://lucasngtg.github.io/qr-code-component/

Built with

• Visual Studio Code
• HTML
• CSS

What I learned

The most time consuming part was trying to figure out the style values by eye.

Continued development

CSS has a lot of properties that achieve visually similar goals, which made it somewhat challenging to judge which would be best to get the results I wanted. I'll keep working on getting used to them.

Useful resources

• Shadow presets - This saved me time having to create the box-shadow from scratch.

Author

• Frontend Mentor - @LucasNgTg
• GitHub - @LucasNgTg