Responsive Planet Facts site using React

This was a fun project that was pretty simple in terms of replicating the visuals/functionality. I want to make sure my React code is readable and follows best practices. This is also one of the first times I've used styled components for a responsive application and it can get cluttered quite quickly 😅.

Any general questions I would have are:

• Does my React structure and use of hooks follow best practices?
• Is my way the optimal way to use styled components responsively?

Comments on anything else about my project are much appreciated!