solução 1

Olá Jaqueline, Você pode tentar usar tamanhos fixos para seus componentes. Quando usar padding, tente usar a medida rem ou px mesmo. Por exemplo: Na sua classe .qrcode você deixou o padding com 1% e o width com 24%, porém quando tentamos ver seu layout na versão mobile, ele não fica bom. Ao invés disso, pode usar o tamanho em rem o padding com 1rem e o width com 20rem (cada rem equivale a 16px.

Hi Jacqueline, You can try using fixed sizes for your components. When using padding, try to use the rem or px measurement yourself. For example: In your .qrcode class, you left the padding at 1% and the width at 24%, but when we try to see your layout in the mobile version, it doesn't look good. Instead, you can use the size in rem, the padding in 1rem and the width in 20rem (each rem equals 16px.

good jop my bro Congrats on completing your challenge!🎊🍻If you have any questions or need further clarification, feel free to reach out to me. Happy Coding! 🎆🎊

you can fix the responsivity