QR Code Component with HTML and CSS

Community feedback

• 

  hernanpog•130

  @hernanpogPosted over 1 year ago

  You have 2 options:

  1. you could use CSS Flexbox property on the body like this:

  body { display: flex; justify-content: center; align-items: center; }

  2. You can set your div element (the container of the img and text) to: div { margin: 0 auto; }

  I don't know if the second option works. I've never tried it but I saw it in a video and could work. Either way is good enough for this project since it's a very simple one.

  Marked as helpful

  1
• 

  John Mirage•1,590

  @john-miragePosted over 1 year ago

  Hello,

  yes flexbox or grid can help you center the card, they should be a better option than absolute position because the card stay in the flow, so it may be a better practice.

  1