QR Code Card built with HTML and CSS (use of flexbox, figure,...)

Hi David! 👋

You are missing the height from the element with the class "contain". That's probably why the align-items: center; declaration is not working.

Try adding this declaration height: 100vh; to container element and see if it helps.

Also, consider using the font-family provided in the style-guide. You should link the 'Outfit' font family from Google Fonts to your html file and then call within CSS.

I hope this was helpful. Keep up! 👨‍💻

Hi! You can center the card by using flexbox in your body, like this:

display: flex;
justify-content: center;
align-items: center;

Hope that it helps you!