QR Code Component

Community feedback

• 

  César Machado•30

  @cmachdevPosted over 1 year ago

  the text overflowing, in one computer look nice and the other one look with that overflowing, just changing the font-size to 1.3 and 1.4 change one each other, I don't know why, and I will see the h2 and p, thank you

  0
• 

  P

  Andrea Y Costas•190

  @a-costasPosted over 1 year ago

  Hi there! Nice job completing the challenge!

  It looks like you've had a bit of an overflow issue with your text expanding past the edge of your card. This is happening because you've explicitly defined the height of your card at height: 30.94rem;. To fix this, you can remove that height setting, and set the display for qr-card to display: flex; flex-direction: column;. This will allow your card to vertically grow to fit the content within it.

  You shouldn't have to explicitly redefine padding for h2 and p as you've already defined a padding for qr-card and everything it contains.

  Hope that helps and happy coding!

  0