QR Code Card using HTML and CSS

Hi guys, thank you for your feedback, i have updated the body and removed the margin on the container!

Hello @AdamBtech!

Your project looks great!

I have one suggestion:

📌 Don't ever use margin with percentage values to move an element from the borders. Here's a very efficient (and better) way to center the card:

• Apply this to the body (in order to work properly, don't use position or margins):

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

I hope it helps!

Other than that, great job!

you can set your body tag style like this..

.body{ display:flex; align-items:center; justify-content:center; height:100vh; }

this may help you to get rid off your scrollbar.

You only need one div in your body tag for this to work.. if you have one or two div s in body tag, put them in a div.