From 81affb1f49f412a96d363c3e8a00a714174f1bfa Mon Sep 17 00:00:00 2001 From: dhan04shree Date: Sun, 16 Mar 2025 11:39:02 +0530 Subject: [PATCH] Added styles for prev next btn and slides --- 15-slider/final/app.js | 4 ++-- 15-slider/final/index.html | 3 --- 15-slider/final/styles.css | 10 ++++++---- 3 files changed, 8 insertions(+), 9 deletions(-) diff --git a/15-slider/final/app.js b/15-slider/final/app.js index d7b4ee891..0519e505a 100644 --- a/15-slider/final/app.js +++ b/15-slider/final/app.js @@ -26,9 +26,9 @@ function carousel() { // working with buttons if (counter < slides.length - 1) { - nextBtn.style.display = "block"; + nextBtn.style.visibility = "visible"; } else { - nextBtn.style.display = "none"; + nextBtn.style.visibility = "hidden"; } if (counter > 0) { prevBtn.style.display = "block"; diff --git a/15-slider/final/index.html b/15-slider/final/index.html index 2c16da4b9..ab2606295 100644 --- a/15-slider/final/index.html +++ b/15-slider/final/index.html @@ -11,7 +11,6 @@
-

1

@@ -22,8 +21,6 @@

3

- -

susan doe

4

diff --git a/15-slider/final/styles.css b/15-slider/final/styles.css index 917af4ac3..645255b3c 100644 --- a/15-slider/final/styles.css +++ b/15-slider/final/styles.css @@ -223,20 +223,22 @@ Slider left: 50%; transform: translate(-50%, -50%); } -.slide:nth-child(3) { +.slide:nth-child(n) { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("./img-2.jpeg") center/cover no-repeat; } .btn-container { display: flex; - justify-content: center; + justify-content: space-evenly; margin-top: 0.75rem; } .prevBtn, .nextBtn { background: transparent; - border-color: transparent; - font-size: 1.75rem; + border-color: var(--clr-grey-5); /*transparent*/ + padding: 0.5rem 1rem; + font-size: 1.5rem; /*1.75rem*/ + border-radius: 0.5rem; cursor: pointer; margin: 0 0.25rem; text-transform: capitalize;