Responsive QR code component made with Tailwind CSS

Community feedback

• 

  Carlos Chaves•260

  @sircarloschavesPosted about 1 year ago

  Hi brother!

  If you pay attention, you will notice that the internal border-radius is different from the external border-radius, in different layouts you will also notice this, that if you apply the same border-radius that is in the parent to the child, it will look different even though it's the same number.

  There is a 'hack' to smooth out this difference, which is as follows: You will do a calculation, which in this case will be the external border-radius - the padding or the space between the external border and the internal border.

  If you want to know more, read this article that talks about it: Perfect nested border radius in CSS

  Marked as helpful

  0