qr-code page using html and css

Community feedback

• 

  Aimal Khan•2,260

  @Aimal-125Posted over 1 year ago

  Use display: flex; justify-content: center; align-items: center; on your main containers. For quick results: position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);

  0
• 

  P

  Michael Hatton•270

  @mikehwebdevPosted over 1 year ago

  There are a lot of ways to center a div but my favourite is:

  display: grid; align-items: center; justify-content: center; min-height: 100vh;

  Just another note looking at your design I think you've missed off the font family there buddy. It's listed in the style guide as:

  Font

  • Family: Outfit
  • Weights: 400, 700

  Good luck!

  0