QR-code-component Using HTML and CSS

While I was working on this challenge, I came across two issues that I couldn't solve:

• When making the edges of the "container" (the one that housed the QR code and the text) rounded by using border-radius, I was unable to make it smooth; for some reason there are somewhat jagged edges
• When zooming in on the browser, the top would become cut-off, and I would be unable to scroll to the top to view the content there

Please let me know if you know what is causing the problems, thanks!