Merge pull request 'Responsive website by programmerraja' (#1) from responsivewebsite into master

Reviewed-on: dave/uno-online#1

README.md

@@ -1,8 +1,6 @@
-> Update: I have run out of Heroku credits and can no longer continue to keep the game deployed. Feel free to clone the repo and run it locally on your machine. Thanks!
-
 <h1 align="center">UNO ONLINE</h1>
 <h2 align="center">Two player online game of UNO</h2>
-<h3 align="center">Was previously live at https://uno-online-multiplayer.herokuapp.com</h3>
+<h3 align="center">Live at https://uno-online-multiplayer.herokuapp.com</h3>
 
 <img src="client/src/assets/logo.png" alt="UNO Logo" width="33%" align="center" />
 

client/src/App.css

@@ -9,7 +9,7 @@ a {
 /* Homepage */
 .Homepage {
   background-image: url('./assets/Landing-Page.gif');
-  background-size: cover;
+  background-size: 100vw 100vh;
   margin: 0;
   height: 100vh;
 }
@@ -385,3 +385,62 @@ a {
 .msg-receive:hover, .msg-send:hover{
 	opacity: .9;
 }
+/*media query*/
+@media  only screen and (max-width: 480px)
+{
+
+  .homepage-form {
+      flex-direction: column;
+      align-items: center;
+  }
+
+  .topInfo
+  {
+    flex-direction: column;
+    height: auto;
+  }
+  .topInfoText {
+      margin-top: 51px;
+      font-size: 18px;
+  }
+  .topInfo>h1 {
+    font-size: 18px;
+  }
+  .topInfo>img {
+      width: 40px;
+  }
+
+  .material-icons
+  {
+    font-size:16px;
+  }
+
+  .game-button{
+    font-size: 10px;
+    padding: 2px 9px 6px;
+  }
+
+  .playerDeckText{
+    font-size: 18px;
+  }
+
+  .player1Deck
+  {
+    flex-wrap: wrap;
+  }
+
+  .Card
+  {
+    width: 2rem;
+  }
+  /*chat box */
+  .chat-box{
+    width: auto;
+    right: 0;
+    left: 0;
+  }
+  .chat-text{
+    width: 100%;
+    position: initial;
+  }
+}