Merge pull request #52 from farehax/farehaa

popular section changes added issue no#50

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

Geet.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"liveServer.settings.port": 5501
+	}
+}

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>

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);
+}