A Simple QR Code Component Design

Community feedback

• 

  Raphael Bröderbauer•770

  @DigitaleWeltLibraryPosted 12 months ago

  Hey, good soulution.

  If you use min you can pass multiple values and the smaller one is always taken. The unit dvw is dynamic and indicates the width of the browser. So it's 90dvw from the screen. If this is larger than 310px, the px will be taken. Alternatively, you could give the card a margin on the mobile version.

  .main-card {
      width: min(310px,90dvw);
  }
  

  Happy Coding 😉

  Marked as helpful

  0

  ---

  

  Yonten•340

  @yozidstPosted 12 months ago

  @DigitaleWeltLibrary Thanks for the tip! I'll apply it to coming challenges.

  0