QR Code Component

Community feedback

• 

  Rebecca Padgett•1,860

  @bccpadgePosted about 1 year ago

  Hello @arnoldd98. Congratulations on completing this challenge!!!🎉

  When I build projects, I use CSS Grid on the body to center content on the webpage.

  body{
   display:grid;
   place-content:center;
   min-height: 100vh;
  }
  

  • I suggest you stick to classes rather than Ids when styling elements in CSS. Ids are used for JavaScript.

  More info📚:

  • CSS Specifificity

  #qr-code {
      max-width: 100%;
      max-height: 100%; /*Remove this style its unnecessary */
      display:block;  /*Add this style and removes all the white space*/
      border-radius: 15px;
  }
  
  

  Hope this helps you

  Marked as helpful

  2

  ---

  

  Arnold•10

  @arnoldd98Posted about 1 year ago

  thanks for the tips @bccpadge

  0
• 

  Jere•150

  @chungvuiloongPosted about 1 year ago

  For my projects,

  Firstly I create a div, this the the container for contents. Then I add the classes flex, flex-columns, then justify-center as css. This usually does the centering for me for me.

  Let me know if it does it for you too

  1

  ---

  

  Arnold•10

  @arnoldd98Posted about 1 year ago

  @jirimicvl will try that next time, thank you!

  1