All solutions

It was a great to practice the usage of State and Props. I would like some feedback in my design. I know that I can improve it, and there is a few things that I need to implement like how the number of people will affect the app; for example, the custom input it is not in %.

It was a perfect project to practice my useState. I would some feedback on my css.

I could not find a way to make my svg component smaller in the media queries.

It helped me to learn how to deploy a React website using Git Hub.

Could anyone explain to me why the justify-content: center; and align-content: center; did not center the page? I had to use margin: auto; to do so. I could take those lines off, and It will not affect the page layout.

For the responsive, I was not sure how to change one picture to another one. I did it using display: none. Is there any other way to do that?

Any comment that would help me to improve is welcome!

Could anyone help me? I tried to center the div in the middle of the website using flex-box justify-content, but It did not work out. I did it using margin instead.

Any bad practice in HTML or CSS? Any changes that would make my code cleaner?

Thank you ^^