Navigation bar styling

2021-12-18 18:08:20 +02:00 · 2021-12-18 18:08:20 +02:00 · 50a30d5e6e
parent 96c67154ca
commit 50a30d5e6e
2 changed files with 19 additions and 5 deletions
--- a/index.php
+++ b/index.php
@ -25,12 +25,12 @@
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
-    <div id="main-container">
-        <div>
+    <div id="navbar">
        <svg class="center" width="128" height="64">
            <image xlink:href="img/pube-logo.svg" src="img/pube-logo.png" width="128" height="64" alt="PuBe"/>
        </svg>
    </div>
+    <div id="main-container">
        <hr>
        <div id="services" class="section">
            <h1>Services</h1>
--- a/pube.css
+++ b/pube.css
@ -12,6 +12,20 @@ body
    white-space: normal;
 }

+#navbar {
+    background-color: #151515;
+    width: 100%;
+    height: 64px;
+    line-height: 58px;
+    display: flex;
+    position: relative;
+    z-index: 999;
+  }
+  
+  #navbar span {
+    margin: auto;
+  }
+
 #main-container
 {
    background-color: #151515;