QR Code Component (Solution)

Community feedback

• 

  Adonai Jonathan•290

  @ajadonaiPosted over 1 year ago

  Your component is way to big when I tried to load it up on my phone, that can be fixed with a media query so on a desktop it takes the 500px you set and on the mobile device it takes up 80-90% of the screen size.

  @media screen and (screen width goes here) {

  *your class goes here *

  }

  Marked as helpful

  0

  ---

  

  P

  Haikal Yusuf•30

  @waffledoodPosted over 1 year ago

  hi @ajadonai , thank you so much for leaving your feedback :) Noted about using media queries, I have refactored the code so that the width of the QR code takes up 30vw & the design is responsive

  i will look into possibly using media queries, but i think using vw should suffice

  0
• 

  Yusuf K. Muhammad•570

  @kyusufmPosted 9 months ago

  Hi Haikal,

  Small notes from me. From the function (the purpose of a card).The card width should not be wider in the desktop or smaller in the phone. I am sure the size of the card is fixed.

  let's try the width to 270px.

  even if we view it on smaller or biger screen a "card" should be consistent in width.

  1

  ---

  

  P

  Haikal Yusuf•30

  @waffledoodPosted 9 months ago

  @kyusufm appreciate the feedback, thanks Yusuf!

  0