All solutions

Still has an error:

• in desktop screen, box stutters when opening a FAQ

Any suggestions are deeply appreciated.

What did you find difficult while building the project?

• I can't make the div container be the same height as its div container

What did you find difficult while building the project?

Linking and using json data in javascript and then linking that js file to html.

Which areas of your code are you unsure of?

I used flex in almost every element and I'm not sure if I did it correctly or if I overused it a bit much?

Do you have any questions about best practices?

Are there other ways I could have done better? Like certain css properties, how I grouped html elements using div tags, or html and css conventions I should know?

** What did you find difficult while building the project? **

• Re-adjusting image size according to parent container size
• Aligning an html element at the center horizontally and vertically

** Which areas of your code are you unsure of? **

• The way I handled the image and qr-card div elements. I wanted the QR image to adjust its size according to its parent container and not go out of its borders.

** Do you have any questions about best practices? **

• I really would like to know if there are better ways or other CSS properties that I could have used to handle the problem I encountered in the problem I stated in the previous question.