Fix: Improve mobile version

[prakharrathi25]

Why this PR is important

The card that displays the weather information isn't responsive. It's far too narrow on mobile, and too wide on desktop. This PR makes it an appropriate size on all screen sizes.

What this PR adds

1. This PR changes the App.css file to add media queries for different screen sizes

Screenshots

How this PR could be improved

1. We can extend the responsiveness to other items as and when they are added to the project. @judytafilipkowska you can also write about your ideas for the components here

Checks

• [x] My Pod Leader knows I'm working on this Pull Request
• [x] I've explained what the Pull Request is adding.
• [x] I've explained why this is important.

Contributors

@judytafilipkowska @prakharrathi25

Issues this closes

This closes #7

[netlify[bot]]

👷 Deploy request for prep-22-p3-2-project pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	396fb8336cf886ff9b8c9fa7517fa192586aef32

[prakharrathi25]

Closing this and making a PR on Marc's fork instead.