update header

vuvnguyen95 · Feb 11, 2024 · 206c939 · 206c939
1 parent 51fa2f8
commit 206c939
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="styles.css" />
   </head>
   <body>
-    <header>
+    <div id="header" class="heading">
       <nav>
         <div id="logo">
           <img src="./images/logo2.png" alt="Logo" width="5%" />
@@ -21,7 +21,7 @@
           </div>
         </div>
       </nav>
-    </header>
+    </div>
 
     <div class="content-wrap">
       <section id="about" class="content-block">

diff --git a/styles.css b/styles.css
@@ -11,7 +11,7 @@ html {
   font-family: "Arial", sans-serif;
   line-height: 1.6;
   color: #333;
-  background-image: url("./images/background4.jpeg");
+    background-color: #000000;
   margin: 0px;
   padding: 0px;
   min-width: 100%;
@@ -29,6 +29,15 @@ header {
   padding: 10px 20px;
 }
 
+.heading {
+    position: fixed;
+    width: 100%;
+    top: 0;
+    background-color: #000000;
+    z-index: 1000;
+    border-bottom: 2px solid #f4f4f4;
+    padding: 10px 20px;
+  }
 #logo {
   display: flex;
   align-items: center;