QR code page using HTML and CSS flexbox

Congratulations on completing the challenge! That's a great achievement, and I'm sure you put a lot of effort into it. I really liked the way you approached the challenge and the code you wrote. You demonstrated a good understanding of the concepts and applied them effectively to solve the problem.I have a few suggestions to improve your code further. When it comes to centering a div or any element on a webpage, using margins may not always be the best approach. so use flexbox or grid layout for centering the div.

Here's an example code snippet:

body {
background-color: hsl(212, 45%, 89%);
font-family: Georgia, serif;
display: flex;
justify-content: center;
min-height:100vh 
align-items: center;
}
now remove below lines of code 

.container {
margin: 10rem auto;
}