QR-Code vanilla css

Hello Nimbul, congrats on finishing the challenge!

The only major fixes that I would made would be setting the viewport of the body to min-height: 100vh instead of calc(100vh - 1px), with this your component would be completely center with your flexbox call!

Also, when you have 2 flex-items inside a flex container, instead of using margin-botton: 2rem between the component and the attribution, you can use gap: 2rem on the body, and you will get the same result!

Hope my feedback helped you!

Hello Nimbul, congratulations for your new solution!

I saw your live site and everything works. You can improve a bit the html removing some unnecessary divs and give the box-shadow less opacity to create a smooth shadow.

Here's a tool where you can create shadows online: https://html-css-js.com/css/generator/box-shadow/

Keep it up