Merge pull request Anishkagupta04#1011 from Soujanya2004/doctor-align

aligned-cards
Anjaliavv51 · Jul 29, 2024 · 3e012fc · 3e012fc
2 parents 9d28f4c + b77ecc1
commit 3e012fc
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/Html-Files/Css-Files/Experiencestyle.css b/Html-Files/Css-Files/Experiencestyle.css
@@ -603,25 +603,23 @@ align-items: center;
     }
 
     #doctor-list {
-      list-style-type: none;
-      padding: 0;
-    }
-
-    #doctor-list li {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 20px; /* Adjust space between items as needed */
+  }
+
+  #doctor-list li {
       border: 2px solid #4bb6b7;
       border-radius: 20px;
       padding: 30px;
-      margin: 20px 0;
       background-color: #2c3e50;
       font-family: 'Cambria', Cochin, Georgia, Times, 'Times New Roman', serif;
       font-size: 25px;
       color: #ecf0f1;
-      display: flex;
-      align-items: center;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-      margin:30px;
-
-    }
+      width: calc(33.333% - 20px); 
+      box-sizing: border-box; 
+  }
 
     #doctor-list li .content {
       flex-grow: 1;