QR-Code Compenent

Community feedback

• 

  Mohsin•90

  @MohsinFarooqPosted over 1 year ago

  The design looks good but I guess there is a slight change needed in the font

  1

  ---

  

  Dellenar•160

  @dellenarPosted over 1 year ago

  Yeah i will def check on that just realized it @MohsinFarooq

  0
• 

  Bader Idris•2,880

  @Bader-IdrisPosted over 1 year ago

  You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

  .container {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  

  the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

  0
• 

  Jan•0

  @StayOnBushPosted over 1 year ago

  Hey there, you did a great job! One thing you can try is to not set width or height using pixel values when its not absolutely neccessary. I removed the width and height of your .card div and instead gave your article and qr-code image a max-width: 300px. This makes the outer divs more flexible and only limits the width of the children. In this case it doesnt make much of a difference but often it helps to keep the parent divs flexible and give only the kids elements a set width (especially when doing responsive designs). Hope that helps :)

  0