Added new Category 'Web Development'

assets/css/uiux.css

@@ -1,6 +1,7 @@
 body {
   font-family: Arial, sans-serif;
-  background-color: #f0f0f0; /* Light gray background */
+  background-color: #f0f0f0;
+  /* Light gray background */
   color: #333;
   margin: 0;
   padding: 20px;
@@ -13,7 +14,8 @@ header {
 
 h1 {
   font-size: 2.5em;
-  color: #333; /* Black text for the header */
+  color: #333;
+  /* Black text for the header */
 }
 
 .course-list {
@@ -25,17 +27,21 @@ h1 {
 }
 
 .card {
-  background-color: #fff; /* White background for the cards */
+  background-color: #fff;
+  /* White background for the cards */
   border-radius: 10px;
   padding: 20px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Darker shadow for more contrast */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  /* Darker shadow for more contrast */
   position: relative;
   overflow: hidden;
-  transition: transform 0.3s ease; /* Adding hover effect */
+  transition: transform 0.3s ease;
+  /* Adding hover effect */
 }
 
 .card:hover {
-  transform: scale(1.05); /* Slight hover effect for interaction */
+  transform: scale(1.05);
+  /* Slight hover effect for interaction */
 }
 
 .card-icon img {
@@ -45,12 +51,14 @@ h1 {
 
 .title-lg {
   font-size: 1.5em;
-  color: #333; /* Dark text for course title */
+  color: #333;
+  /* Dark text for course title */
 }
 
 .title-sm {
   font-size: 1em;
-  color: #666; /* Lighter gray for course descriptions */
+  color: #666;
+  /* Lighter gray for course descriptions */
 }
 
 .layer-link {
@@ -63,17 +71,23 @@ h1 {
 }
 
 /* Accent elements in light pink */
-.card-icon img, h1 {
-  border-bottom: 2px solid #ff69b4; /* Soft pink border */
+.card-icon img,
+h1 {
+  border-bottom: 2px solid #ff69b4;
+  /* Soft pink border */
 }
 
 .card:hover .card {
-  background-color: #ff69b4; /* Soft pink on hover */
+  background-color: #ff69b4;
+  /* Soft pink on hover */
 }
+
 .buy-now-btn {
   display: inline-block;
-  background-color: #333; /* Dark color for the button */
-  color: #fff; /* White text */
+  background-color: #333;
+  /* Dark color for the button */
+  color: #fff;
+  /* White text */
   padding: 10px 20px;
   border-radius: 5px;
   text-decoration: none;
@@ -84,5 +98,6 @@ h1 {
 }
 
 .buy-now-btn:hover {
-  background-color: #ff69b4; /* Soft pink color on hover */
-}
+  background-color: #ff69b4;
+  /* Soft pink color on hover */
+}