@dvgldev
Posted
Well, lets see. You probably forgot to change the font of the text, for this job it was enough to add a line to the body, since there is only one font.
font-family: 'Outfit', serif;
html, body {
height: 100%;
background-color: hsl(212, 45%, 89%);
display: flex;
justify-content: center;
align-items: center;
}
Also, you didn't set the pixel dimensions for the container and it's much different from the dimensions in the layout.
<div id="container">
width: 320px;
height: 499px;
The same with the image, but here you indicated the size, but it is not correct.
<img src="images/image-qr-code.png" alt="qr-code">
width: 288px;
height: 288px;
I would also advise you not to use ID when you are not working with JavaScript for example. It is better to use classes, because it can get confusing.
Not bad for a start, I really hope to see your work in the future with progress. With love from Ukraine ;)