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

Challenge Level: 1 -> Newbie 🟢

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Here is a screenshot of my solution:

• Link to the challenge: QR-Code challenge
• Live Site URL: See solution on my live site

• HTML
• CSS
• React - JS library

This challenge was pretty straightforward and I had so much fun making it 💻! It was a great first challenge and helped me to review the basics of HTML and CSS. The only things I am not really sure about are:

• I had to use a font-size of 17px instead of 15px, as written in the styleguide, because the text would then be on two lines instead of three.
• I was not sure if there is a shadow around the box in the solution. It was hard to tell from the pictures, so I decided not to use a shadow.

I am happy for any feedback!

• Frontend Mentor - @Orchi1904