QR code component

Community feedback

• 

  me_bee•60

  @DhahiraThesneemPosted 9 months ago

  Hi @Roshan-moger!

  Your design is pretty good. It will be better if you use some flex-container wrap around the flex items instead of body.

  And, you can look this article, it widely cover how to center a div in different aspects.

  Hope it will help you!

  Marked as helpful

  1
• 

  Roshan-moger•30

  @Roshan-mogerPosted 9 months ago

  body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: hsl(212, 45%, 89%) }

  0

  ---

  

  Yohannes Merete•310

  @YohannesDreamPosted 9 months ago

  In order to align items vertically use: flex-direction: column; @Roshan-moger

  0

  

  Lance•1,580

  @IzykGitPosted 9 months ago

  You can use there backticks to turn your comment into a code block. Place three backticks before and after your piece of code to make it look like this.

  body: {
  display: flex;
  justify-content: center;
  align-content: center;
  min-height: 100vh;
  }
  

  You can also click on markdown help for more. @Roshan-moger

  0

  

  Roshan-moger•30

  @Roshan-mogerPosted 9 months ago

  @YohannesDream Thank You😊

  0

  

  Yohannes Merete•310

  @YohannesDreamPosted 9 months ago

  My pleasure @Roshan-moger

  0