.

shivam8112005 · Sep 23, 2024 · 78d656c · 78d656c
1 parent 1e06134
commit 78d656c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 30 deletions.
diff --git a/index.html b/index.html
@@ -20,37 +20,7 @@
         </div>
     </nav>
     <main id="blog-container" class="obj-width">
-<!-- <div class="blog-card">
-    <img src="https://placehold.co/600x400" alt="">
-    <h2>This is a Title</h2>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat delectus repellat ducimus animi non, laborum, reiciendis distinctio dolorem excepturi a fuga minus, nam facere ad rem magni quod odio quidem.</p>
-</div>
 
-    <div class="blog-card">
-        <img src="https://placehold.co/600x400" alt="">
-        <h2>This is a Title</h2>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat delectus repellat ducimus animi non, laborum, reiciendis distinctio dolorem excepturi a fuga minus, nam facere ad rem magni quod odio quidem.</p>
-    </div>
-<div class="blog-card">
-    <img src="https://placehold.co/600x400" alt="">
-    <h2>This is a Title</h2>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat delectus repellat ducimus animi non, laborum, reiciendis distinctio dolorem excepturi a fuga minus, nam facere ad rem magni quod odio quidem.</p>
-</div> 
-<div class="blog-card">
-    <img src="https://placehold.co/600x400" alt="">
-    <h2>This is a Title</h2>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat delectus repellat ducimus animi non, laborum, reiciendis distinctio dolorem excepturi a fuga minus, nam facere ad rem magni quod odio quidem.</p>
-</div> 
-<div class="blog-card">
-    <img src="https://placehold.co/600x400" alt="">
-    <h2>This is a Title</h2>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat delectus repellat ducimus animi non, laborum, reiciendis distinctio dolorem excepturi a fuga minus, nam facere ad rem magni quod odio quidem.</p>
-</div> 
-<div class="blog-card">
-    <img src="https://placehold.co/600x400" alt="">
-    <h2>This is a Title</h2>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat delectus repellat ducimus animi non, laborum, reiciendis distinctio dolorem excepturi a fuga minus, nam facere ad rem magni quod odio quidem.</p>
-</div>  -->
     </main>
     <script src="script.js"></script>
 </body>

diff --git a/style.css b/style.css
@@ -20,7 +20,11 @@ body{
 nav{
     background-color: #162634;
     box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
+    position: sticky;
+    top: 0;
+    z-index: 90;
 }
+
 .navbar .logo{
     color: white;
     text-decoration: none;
@@ -33,6 +37,7 @@ nav{
     height: 4rem;
     width: 4rem;
     margin-right: 15px;
+    border-radius: 10px;
     /* margin-right: 1rem; */
 }
 .logo-div{