Responsive Web Design for QR Code Challenge Using FlexBox

You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

.container {
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

When reading through the enclosed style guide, it specifies what font weights to import from Google Fonts. Try that.

Using the recommended font and font-weight would make font more close to that of the solution.

Check the styleguide to see the font-family and font-weight recommended