hitmorecode• 6,270
@hitmorecode
Posted
Nice well done. You don't have to use margin to place the card in the middle of the page. Use flexbox or grid
body {
background-color: hsl(212, 45%, 89%);
font-family: Outfit, sans-serif;
min-height: 100vh; /* add these three lines */
display: grid;
place-items: center;
}
## You can remove all commented out lines
.qr-container {
display: grid;
place-items: center;
background-color: hsl(0, 0%, 100%);
/* margin-top: 25vh; */
text-align: center;
/* margin-left: auto; */
/* margin-right: auto; */
width: 280px;
border-radius: 15px;
}
1