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

Community feedback

• Account deleted

  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! 👨‍💻

  0

  ---

  

  David Babatunde•200

  @davidbabatundePosted over 2 years ago

  @kom42ec Thank you very much for your help. I'll upload an update to it as soon as I can.

  0
• 

  Eduardo•910

  @KTrick01Posted over 2 years ago

  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!

  0

  ---

  

  David Babatunde•200

  @davidbabatundePosted over 2 years ago

  @KTrick01 Thank you very much for your help.i actually did this but it refused to work.

  0