more

src/Components/Navigation/Navpanel.js

@@ -27,22 +27,26 @@ export default function Navpanel(props) {
         <div className="mobileHeadingLinkWrap">
           <div className="mobile-info-box">
             <div className="contact-detail-one">
-              <Link className="contact-link" href="/login">
+              <a className="contact-link" href="/login" onClick={navToggle}>
                 Login
-              </Link>
+              </a>
             </div>
             <div className="contact-detail-two">
-              <a className="contact-link-two" href="/features">
+              <a
+                className="contact-link-two"
+                href="/features"
+                onClick={navToggle}
+              >
                 Features
               </a>
             </div>
             <div className="contact-detail-three">
-              <a className="nav-link-three" href="/signup">
+              <a className="nav-link-three" href="/signup" onClick={navToggle}>
                 Signup
               </a>
             </div>
             <div className="contact-detail-one">
-              <Link className="contact-link" href="/login">
+              <Link className="contact-link" href="/login" onClick={navToggle}>
                 Blog
               </Link>
             </div>

src/styles/app.scss

@@ -58,14 +58,6 @@ p {
   border-bottom: 1px solid #d2d2d2;
 }
 
-/*** Media Queries  **/
-
-@media only screen and (max-width: 400px) {
-  .ks-nodisplay {
-    display: block;
-  }
-}
-
 .tos-container {
   margin: 20px 10px;
   padding: 5px 20px;
@@ -74,3 +66,8 @@ p {
 .tos-para {
   margin: 10px 0px;
 }
+
+/*** Media Queries  **/
+
+@media only screen and (max-width: 430px) {
+}

src/styles/login.scss

@@ -71,3 +71,16 @@
 .create-link {
   color: #0d6efd;
 }
+
+@media only screen and (max-width: 430px) {
+  .main-container {
+    margin-top: 0px;
+  }
+
+  .login-container {
+    margin-top: 0px;
+  }
+  .login-form-wrapper {
+    width: 400px;
+  }
+}