edit slider

AQuadic · Feb 26, 2024 · 6db71e3 · 6db71e3
1 parent 991db63
commit 6db71e3
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 53 deletions.
diff --git a/index.html b/index.html
@@ -86,59 +86,61 @@
         </div>
       </div>
     </nav>
-
-    <div class="sliderImgs">
-      <div class="swiper mySwiper">
-        <div class="swiper-wrapper">
-          <div class="swiper-slide">
-            <a href="">
-              <img
-                id="ad-img"
-                src="./images/dubai-number-plate-auction 2.png"
-                alt="dubai-number-plate"
-              />
-            </a>
-          </div>
-          <div class="swiper-slide">
-            <a href="">
-              <img
-                id="ad-img"
-                src="./images/dubai-number-plate-auction 2.png"
-                alt="dubai-number-plate"
-              />
-            </a>
-          </div>
-          <div class="swiper-slide">
-            <a href="">
-              <img
-                id="ad-img"
-                src="./images/dubai-number-plate-auction 2.png"
-                alt="dubai-number-plate"
-              />
-            </a>
-          </div>
-          <div class="swiper-slide">
-            <a href="">
-              <img
-                id="ad-img"
-                src="./images/dubai-number-plate-auction 2.png"
-                alt="dubai-number-plate"
-              />
-            </a>
-          </div>
-          <div class="swiper-slide">
-            <a href="">
-              <img
-                id="ad-img"
-                src="./images/dubai-number-plate-auction 2.png"
-                alt="dubai-number-plate"
-              />
-            </a>
-          </div>
+<div class="container">
+  <div class="sliderImgs">
+    <div class="swiper mySwiper">
+      <div class="swiper-wrapper">
+        <div class="swiper-slide">
+          <a href="">
+            <img
+              id="ad-img"
+              src="./images/dubai-number-plate-auction 2.png"
+              alt="dubai-number-plate"
+            />
+          </a>
+        </div>
+        <div class="swiper-slide">
+          <a href="">
+            <img
+              id="ad-img"
+              src="./images/dubai-number-plate-auction 2.png"
+              alt="dubai-number-plate"
+            />
+          </a>
+        </div>
+        <div class="swiper-slide">
+          <a href="">
+            <img
+              id="ad-img"
+              src="./images/dubai-number-plate-auction 2.png"
+              alt="dubai-number-plate"
+            />
+          </a>
+        </div>
+        <div class="swiper-slide">
+          <a href="">
+            <img
+              id="ad-img"
+              src="./images/dubai-number-plate-auction 2.png"
+              alt="dubai-number-plate"
+            />
+          </a>
+        </div>
+        <div class="swiper-slide">
+          <a href="">
+            <img
+              id="ad-img"
+              src="./images/dubai-number-plate-auction 2.png"
+              alt="dubai-number-plate"
+            />
+          </a>
         </div>
-        <div class="swiper-pagination"></div>
       </div>
+      <div class="swiper-pagination"></div>
     </div>
+  </div>
+</div>
+
     <div class="about">
       <h1>بيع وشراء لوحات المركبات</h1>
       <h2>بخطوات بسيطة وتحويل فوري اونلاين</h2>

diff --git a/style.css b/style.css
@@ -786,13 +786,13 @@ select option {
 }
 /*sliderImgs*/
 .sliderImgs {
-  width: 388px;
+  width: 100%;
   margin: auto;
 }
 .sliderImgs .swiper-horizontal {
   touch-action: pan-y;
-  width: 388px;
-  height: 220px;
+  width: 100%;
+  height: auto;
 }
 .sliderImgs .swiper-pagination {
   top: 90%;