QR code component

Community feedback

• 

  kirty•380

  @kirtymeenaPosted over 2 years ago

  Hi, you did a great job with this one, just a few issues

  1. the layout is touching the right and left boundary for small screens. You can write media queries for small screens.

  2. you can use a flex-box to center a div.

  ` .row { min-height: 100vh;

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

  `

  You can read about flexbox here https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  keep coding 👍.

  0

  ---

  

  Chukwu Eberechi•140

  @Tessie475Posted over 2 years ago

  @kirtymeena okay. Thanks

  0
• 

  sujit•50

  @SujitAdrojaPosted over 2 years ago

  You can also do display :flex; justify-content : center; in body tag

  0

  ---

  

  Chukwu Eberechi•140

  @Tessie475Posted over 2 years ago

  @SujitAdroja thank you

  0
• 

  Erik Emmanuel Navarrete Reyes•380

  @apuntesnavarretePosted over 2 years ago

  your solution is great but 1)you can use display: flex; justify-content: center; align-items: center; in the parent container 2)use semantic tag <main> 3)use files separated for HTML y CSS

  0

  ---

  

  Chukwu Eberechi•140

  @Tessie475Posted over 2 years ago

  @apuntesnavarrete thanks..I use bootstrap that's why I can't have separate html and css files

  0