Basic Solution to QR code component

Your solution is quite impressive! I particularly appreciate the subtle shadow effect you've implemented, adding a layer of depth to the design. To enhance its visual appeal further, I would suggest incorporating a slight top margin. This adjustment will help to center the element more effectively on the screen, providing a more balanced and polished appearance overall. Keep up the great work!

Hello, there!

Good job finishing your first challenge, I just did a quick review on your code and I think I found the reason why the font only works on Chrome.

For simplicity purposes, next time you identify a Google Font it's always easier to go into Google Fonts and look for it, in this case: https://fonts.google.com/specimen/Outfit

Once you find it, click "Get Font" and then you can get the code to embed it into your HTML or CSS, and then you can make a call to it in your stylesheet.

For centering your document, use the Flexbox, if you want to learn how to use it I would highly recommend you to play this game: https://flexboxzombies.com/p/flexbox-zombies