From ca14839162c48a0302d20979c3f753854f511f19 Mon Sep 17 00:00:00 2001
From: farehax <khanfareha1000@gmail.com>
Date: Fri, 20 Oct 2023 20:50:23 +0530
Subject: [PATCH] popular section changes added

---
 .vscode/settings.json |  3 +++
 Geet.code-workspace   | 10 ++++++++++
 index.html            |  2 ++
 style.css             | 10 +++++++---
 4 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 .vscode/settings.json
 create mode 100644 Geet.code-workspace

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/Geet.code-workspace b/Geet.code-workspace
new file mode 100644
index 0000000..3242722
--- /dev/null
+++ b/Geet.code-workspace
@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"liveServer.settings.port": 5501
+	}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index e9128c2..845a2b6 100644
--- a/index.html
+++ b/index.html
@@ -496,6 +496,8 @@ <h4>Popular Artists</h4>
                     <li>
                         <img src="img/arjit.jpg" alt="Arjit Singh" title="Arjit Singh">
                     </li>
+                    <br>
+                    <br>
                     <li>
                         <img src="img/alan.jpg" alt="Alan Walker" title="Alan Walker">
                     </li>
diff --git a/style.css b/style.css
index ec258dc..4ac9266 100644
--- a/style.css
+++ b/style.css
@@ -893,11 +893,15 @@ header .song_slide .popular_artists .items li {
 }
 
 header .song_slide .popular_artists .items li img {
-    width: 100%;
+  width: 100%;
     height: 100%;
     border-radius: 50%;
     position: absolute;
     object-fit: cover;
-}
-
+    box-shadow:2px 4px 3px 0px rgb(85, 79, 79); 
+} 
 
+header .song_slide .popular_artists .items li img:hover{
+    filter: grayscale(0);
+    transform: scale(1.3) rotate(7deg);
+}