Update mainpage.html

edcubelearning · Sep 25, 2024 · efcc674 · efcc674
1 parent 892a19a
commit efcc674
Showing 1 changed file with 30 additions and 17 deletions.
diff --git a/mainpage.html b/mainpage.html
@@ -301,14 +301,14 @@
             margin-top: 100px;
         }
          header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 20px 50px;
-            background-color: #111;
-            box-shadow: 0px 0px 15px #00ffcc;
-            height: 10px;
-        }
+             display: flex;
+             justify-content: space-between;
+             align-items: center; /* Align vertically */
+             padding: 10px 50px; /* Reduce padding to fit better */
+             background-color: #111;
+             box-shadow: 0px 0px 15px #00ffcc;
+         }
+
 
         /* Logo styling */
         .logo {
@@ -324,10 +324,11 @@
 
         /* Login & Signup Button Styling */
         .header-buttons {
-            margin-top: 30px;
-            display: flex;
-            gap: 20px;
-        }
+             display: flex;
+             align-items: center; /* Align items vertically */
+             gap: 20px;
+         }
+
 
         .header-buttons a {
             padding: 10px 0px;
@@ -338,6 +339,18 @@
             text-transform: uppercase;
             transition: background-color 0.3s ease-in-out;
         }
+       .header-buttons img {
+             height: 40px;
+             width: 40px;
+             margin: 0; /* Remove unnecessary margin */
+         }
+
+         .header-buttons p {
+             margin: 0; /* Remove margin for proper alignment */
+             font-size: 1.2rem;
+             color: #00ffcc;
+         }
+
 
         .header-buttons a:hover {
             color: #ff00ff;
@@ -373,11 +386,11 @@ <h3>Disclaimer</h3>
 
         <!-- Login & Signup Buttons -->
         <div class="header-buttons">
-            <img src="cube.png" style="height: 40px; width: 40px; margin-top: 3px;" alt="Cube Currency:">
-            <p style="margin-top: -7px;">0</p>
-            <a href="#shop" style="margin-top: 17px;">Shop</a>
-            <a href="#login" style="margin-top: 17px;">Login</a>
-            <a href="#signup" style="margin-top: 17px;">Register</a>
+            <img src="cube.png" alt="Cube Currency:">
+            <p>0</p>
+            <a href="#shop">Shop</a>
+            <a href="#login">Login</a>
+            <a href="#signup">Register</a>
         </div>
     </header>