Nice project! You have used React to complete the challenge, However you could complete the challenge with semantic HTML and CSS rules. This way you can understand HTML & CSS from basics and then move on to Libraries like React. I would recommend you to start doing challenges from basic HTML & CSS.
What are you most proud of, and what would you do differently next time?
I'm proud of make this challenge very similar to the design, I must use less div's
What challenges did you encounter, and how did you overcome them?
I had problems to fit the image in the correct way, I searched documentation online to learn about the correct settup
What specific areas of your project would you like help with?
The correct use of the "div" to contain information, at the begginning I thought to use a div for the image, and another for the text but the adjust of elements was difficult
You should not use display: flex property on child elements like you have used for the 'card' in your HTML code. Separate each child element in a containing <div> element. There is no id used in HTML code but you have used CSS style on id 'code_qr', please use id in HTML code and then style it accordingly, also there is an empty <div> in HTML code which should be removed.