center navbar

Author: ilzheev

css/main.css

@@ -41,17 +41,14 @@ html, body {
     background: #0872b9;
 }
 
-.header .navbar-logo {
-    padding-right: 20px;
-    border-width: 0 1px 0 0;
-    border-style: solid;
-    border-color: rgba(255,255,255,0.2);
-}
-
 .header .navbar-brand {
     margin-right: .5rem;
 }
 
+.header .navbar-collapse {
+    margin-right: 100px;
+}
+
 @media (min-width: 992px) {
     .header .navbar-expand-md .navbar-nav .nav-link {
         padding-left: 1rem;
@@ -198,12 +195,12 @@ html, body {
 }
 
 #developers {
-    padding: 6rem 0 2rem;
+    padding: 6rem 0 7rem;
     margin-bottom: 0;
     background: url("../img/bg-why.svg");
-    background-size: 600px;
+    background-size: 650px;
     background-repeat: no-repeat;
-    background-position-x: 120%;
+    background-position-x: 140%;
     background-position-y: -50px;
 }
 
@@ -215,10 +212,6 @@ html, body {
     margin-bottom: 2rem;
 }
 
-#developers .links {
-    margin-bottom: 5rem;
-}
-
 footer {
     margin-top: 0;
     background: #0C3252;

index.html

@@ -30,8 +30,8 @@
             </a>
             <button class="btn btn-primary custom-navbar-toggler d-md-none" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars"></i></button>
             <div class="collapse navbar-collapse" id="mainNav">
-                <div class="navbar-nav">
-                    <a class="nav-item nav-link scroll-to-why" href="javascript:void(0)">Why PegNet</a>
+                <div class="navbar-nav mx-auto">
+                    <a class="nav-item nav-link scroll-to-why" href="javascript:void(0)">Why PegNet?</a>
                     <a class="nav-item nav-link scroll-to-assets" href="javascript:void(0)">Assets</a>
                     <a class="nav-item nav-link scroll-to-traders" href="javascript:void(0)">Traders</a>
                     <a class="nav-item nav-link scroll-to-miners" href="javascript:void(0)">Miners</a>