Centeralize header elements

congwang-mk · congwang-mk · commit 6837bb683efa · 2025-03-09T20:49:10.000-07:00
diff --git a/about.html b/about.html
@@ -11,10 +11,10 @@
 <body>
     <header>
         <div>
-            <div class="logo-container">
-                <img src="assets/images/multikernel-logo.png" alt="Multikernel Technologies Logo" class="logo">
-            </div>
             <nav>
+                <div class="logo-container">
+                    <img src="assets/images/multikernel-logo.png" alt="Multikernel Technologies Logo" class="logo">
+                </div>
                 <a href="/">Home</a>
                 <a href="/about.html" class="active">About</a>
                 <a href="/#features">Features</a>
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -50,7 +50,7 @@ header > div {
     width: 90%;
     max-width: 1200px;
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
     align-items: center;
     height: 100%;
     padding: 0;
@@ -59,6 +59,7 @@ header > div {
 .logo-container {
     display: flex;
     align-items: center;
+    margin-right: 40px;
 }
 
 .logo {
diff --git a/index.html b/index.html
@@ -15,10 +15,10 @@
 <body>
     <header>
         <div>
-            <div class="logo-container">
-                <img src="assets/images/multikernel-logo.png" alt="Multikernel Technologies Logo" class="logo">
-            </div>
             <nav>
+                <div class="logo-container">
+                    <img src="assets/images/multikernel-logo.png" alt="Multikernel Technologies Logo" class="logo">
+                </div>
                 <a href="/" class="active">Home</a>
                 <a href="/about.html">About</a>
                 <a href="#features">Features</a>
