update

M-MUGESHCHARLES · Sep 11, 2024 · 22fdc38 · 22fdc38
1 parent 8e4ea7f
commit 22fdc38
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/assets/Jscript/script.js b/assets/Jscript/script.js
@@ -29,19 +29,19 @@ document.addEventListener("DOMContentLoaded", function () {
     }, 8000);  
 }
 
-// ShowCase
-function toggleClassBasedOnWidth() {
-  const element = document.getElementById("ShowCase"); 
-  if (window.innerWidth < 768) {
-     element.classList.add("row");
-     element.classList.remove("d-flex ", "flex-row", "overflow-x-scroll");
-  } else if (window.innerWidth >= 768) {
-   element.classList.add("d-flex", "flex-row", "overflow-x-scroll");
-   element.classList.remove("row");
-  }
-}
-toggleClassBasedOnWidth();
-window.addEventListener("resize", toggleClassBasedOnWidth);
+// // ShowCase
+// function toggleClassBasedOnWidth() {
+//   const element = document.getElementById("ShowCase"); 
+//   if (window.innerWidth < 768) {
+//      element.classList.add("row");
+//      element.classList.remove("d-flex ", "flex-row", "overflow-x-scroll");
+//   } else if (window.innerWidth >= 768) {
+//    element.classList.add("d-flex", "flex-row", "overflow-x-scroll");
+//    element.classList.remove("row");
+//   }
+// }
+// toggleClassBasedOnWidth();
+// window.addEventListener("resize", toggleClassBasedOnWidth);
 
 // AOS
 function initializeAOS() {

diff --git a/index.html b/index.html
@@ -472,7 +472,7 @@ <h2 class="c1 RobotoSlab" data-aos="fade-up" data-aos-delay="500" data-aos-durat
                   </p>
               </div>
 
-            <div class="g-4 py-3 pb-5 px-5" id="ShowCase">
+            <div class="d-flex flex-row overflow-x-scroll g-4 py-3 pb-5 px-5" id="ShowCase">
               <div class="col-md-6 col-lg-4 px-0 px-md-2 px-lg-4">
                 <div class="card rounded-4 overflow-hidden border-3 h-100 shadow-lg"
                   data-aos="fade-right" data-aos-delay="700" data-aos-duration="600"
@@ -1244,7 +1244,7 @@ <h2 class="c1 RobotoSlab" >
               </p>
             </div>
 
-            <div class="g-4 py-3 pb-5 px-5" id="ShowCase">
+            <div class="row g-4 py-3 pb-5 px-5" id="ShowCase">
               <div class="col-md-6 col-lg-4 px-0 px-md-2 px-lg-4">
                 <div class="card rounded-4 overflow-hidden border-3 h-100 shadow-lg" >
                   <div class="card-header p-0">