QR code component using

Community feedback

• 

  Rok Krhlikar•70

  @rkrhlikarPosted 3 months ago

  I noticed that you have given the .qrText element a height of 131px, which matches the reference Figma file, but because you have box-sizing set to box-sizing: border-box; the specified height also includes padding given to this element. This causes the content of .qrText (h1 and p elements) to overflow the container as the inner height of the container is only 99px.

  This could be fixed by either increasing the element height by 32px to account for padding or by getting rid of the explicit height setting and relying on automatic sizing of the flexbox based on its contents.

  Marked as helpful

  0