I have used CSS Flexbox for centering the QR Code Component

Community feedback

• 

  Abdul•8,540

  @SamadeenPosted over 2 years ago

  Hey!! Cheers 🥂 on completing this challenge.. .

  Here are my suggestions..

  • You should use <main class="container"> instead of <div class="container">.

  This should fix most of your accessibility issues

  . Regardless you did amazing... hope you find this useful... Happy coding!!!

  Marked as helpful

  0

  ---

  

  Prakash Naikwadi•20

  @prakash-naikwadiPosted over 2 years ago

  @Samadeen thank you , I will do this in next project

  0
• 

  NKWETAKEM TABO BRUNO•490

  @BLADEHEDAPosted over 2 years ago

  Hello normally margin 0 auto centers only from the top. of you want to center vertically and horizontally as you're saaying, you can either use flex-box (align-items: center , justify-contents: center) or can use [ position: absolute ,top :50%, left:50% transform: translate(-50%,-50%). other alternatives exist but these are the best approaches in my regards . nice work though.

  Marked as helpful

  0

  ---

  

  Prakash Naikwadi•20

  @prakash-naikwadiPosted over 2 years ago

  @BLADEHEDA thank you for your solutions and this position : absolute solution just solve my another project problem also, thank you against...

  0