QR Code Component

Community feedback

• 

  Lucas Andrade•230

  @lucasbsandPosted 9 months ago

  Your solution is very faithful to the example. If you don’t mind, I would like to give you two suggestions that could add more value to your project (one of them is valid even for future projects)

  • First, perhaps increasing the font size of the text in the h3 and p tags could make your QR code even more similar to the example

  • To calculate the ‘border-radius’ of a child element whose parent has a padding (as is the case with the image with the QR code), you should do the following: ‘parent-border-radius’ - ‘parent-padding’ = 'child-border-radius'. This will make the child have a border radius that is more consistent with that of the parent

  Note: this text was translated using an artificial intelligence, since I am not completely fluent in English, sorry if it is confusing what I meant to say

  Marked as helpful

  0

  ---

  

  Keith Bloodworth•110

  @N4thxnPosted 9 months ago

  @lucasbsand thank you for your response! I was unaware of the border-radius trick you just taught me. I will be sure to use it in future challenges!

  1