Advice App

Hi, your solution looks good. Few suggestions:

1. Your card is not properly aligned to the center of the page and also the button is not properly aligned. You can center the card by adding display: flex; justify-content: center; align-items: center; min-height: 100vh; to the body. In this, justify-content will align the content to the center of the main axis and align-items will align the content to the center of the cross-axis (perpendicular to the main axis). Also, remove the margin from the card and footer for this to properly work, and for the button alignment you can use position absolute; left: 50%; transform: translate(-50%); and add position-relative to the wrapper class. I think you need to learn more about the position and centering the div. Hope this freecodecamp article will help you: here
2. Your HTML code also contains more than one meta tag for charset.

For deploying the react app on Github, I mostly follow this article.