This makes Login Page Responsive.

stackle-app/src/app/public/login/login.component.css

@@ -17,12 +17,38 @@
 }
 #toolbar {
     background-color: rgb(85, 70, 181);
-} 
+}
+.responsive {
+  text-align: center;
+  padding: 20px;
+  margin-top: 10%
+}
+img{
+  display: inline;
+  padding: 10px;
+}
 
+@media only screen and (max-width: 600px) {
+    img {
+        display: inline;
+        padding: 10px;
+        width: 100%;
+        height: auto;
+    }
+}
+.body {
+    color: white;
+    background-color: #111111;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+/*
 #landing-banner {
     color: white;
-    background-image: url('../../../assets/images/Stackle-landing.jpg');
+    background-image: url('../../../assets/images/stacklelogo.png');
     position: absolute;
     width: 100%;
     height: 100%;
-}
+}
+*/

stackle-app/src/app/public/login/login.component.html

@@ -1,3 +1,6 @@
+<div class="body">
+
+
 <div class="container-fluid login-body" id="landing-banner">
   <div class="row">
     <div class="col-md-6">
@@ -9,5 +12,12 @@ <h1 class="header mat-h1">Stackle by SCoRe</h1>
       </button>
     </div>
 
+
+
+  </div>
+</div>
+  <div class="responsive">
+    <img src="../../../assets/images/stacklelogo.png" alt="Stackle by SCoRe">
+    <img src="../../../assets/images/slogan.png" alt="">
   </div>
 </div>