diff --git a/index.html b/index.html index 0201eba..0b939f2 100644 --- 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 index 9e05e03..131eb18 100644 --- 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%;