All comments

• 

  Temitope Akinsunmade• 10

  @Temitope15

  Submitted about 1 year ago

  While building the project, I tried to center the card div using flexbox, but it was not responding. I gave the parent container a display flex property, align items center and justify content center property. I'm I missing out something? Nonetheless, i used the transform : translate() function to center it eventually. How do you think I can refactor my code using the flexbox model?

  

  QR-Code component UI

  2

  50

  

  Kingsley Aggrey Fynn• 160

  @Kingsley-Aggrey

  Posted about 1 year ago

  Giving the Container the display of flex ,justify to center and align to center should be able to center it children, if you are still getting problems makes sure the Container fill the entire screen by setting it width to 100vw and height to 100%. I hope this helps

  Marked as helpful

  1