Update index.html

index.html

@@ -96,32 +96,32 @@
 
 
     <section class="portfolio" id="portfolio">
-      <div class="container">
-        <h2>Portfolio</h2>
-        <div class="row">
-          <div class="col-md-6 portfolio-item">
-            <div class="card h-100">
-              <img src="images/project-1.jpg" class="card-img-top" alt="Project 1">
-              <div class="card-body">
-                <h5 class="card-title">E-commerce Website</h5>
-                <p class="card-text">A user-friendly e-commerce website built with HTML, CSS, JavaScript, and Bootstrap.</p>
-                <a href="#" class="btn btn-primary">View Details</a>
-              </div>
-            </div>
-          </div>
-          <div class="col-md-6 portfolio-item">
-            <div class="card h-100">
-              <img src="images/project-2.jpg" class="card-img-top" alt="Project 2">
-              <div class="card-body">
-                <h5 class="card-title">Personal Portfolio Website</h5>
-                <p class="card-text">A responsive personal portfolio website showcasing my skills and experience.</p>
-                <a href="#" class="btn btn-primary">View Details</a>
-              </div>
-            </div>
+  <div class="container">
+    <h2>Portfolio</h2>
+    <div class="row g-4 portfolio-grid"> <div class="col-md-6 portfolio-item">
+        <div class="card h-100 shadow-sm overflow-hidden"> <img src="images/project-1.jpg" class="card-img-top" alt="Project 1">
+          <div class="card-body d-flex flex-column justify-content-between"> <h5 class="card-title">E-commerce Website</h5>
+            <p class="card-text">A user-friendly e-commerce website built with HTML, CSS, JavaScript, and Bootstrap.</p>
+            <a href="#" class="btn btn-primary mt-auto">View Details</a> </div>
+        </div>
+      </div>
+
+      <div class="col-md-6 portfolio-item">
+        <div class="card h-100 shadow-sm overflow-hidden">
+          <img src="images/project-2.jpg" class="card-img-top" alt="Project 2">
+          <div class="card-body d-flex flex-column justify-content-between">
+            <h5 class="card-title">Personal Portfolio Website</h5>
+            <p class="card-text">A responsive personal portfolio website showcasing my skills and experience.</p>
+            <a href="#" class="btn btn-primary mt-auto">View Details</a>
           </div>
         </div>
       </div>
-    </section>
+
+    </div>
+  </div>
+</section>
+
+
     <section class="contact" id="contact">
       <div class="container">
         <h2>Contact Me</h2>