QR-Code Component HTML and CSS

Community feedback

• 

  Kelvin•915

  @Kl3vaPosted over 2 years ago

  display: flex Justify content: center //aligns items along its main axis(horizontally) Align items: center. // aligns items along its cross axis (vertically). By default display set to flex keeps items in a row form.

  0
• 

  Mohammad Ebrahimi•250

  @moheb2000Posted over 2 years ago

  Good work 🌸🌸🌸

  If you want to center a component with flexbox you can use this:

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

  and the parent element for your div must have height: 100%;

  Some other suggestions for achieving a better work:

  1. Don't use h3 if you don't have h1 and h2. Use h1 instead and change its styles with css
  2. Use margin and max-width instead of using width and height and also use rem unit instead of using pixels

  I hope my advice help you. Keep going! 🌸🌸🌸

  0