Update pages/3Life Cycle of Machine Learning Project.py

pages/3Life Cycle of Machine Learning Project.py

@@ -54,7 +54,7 @@ st.markdown(
         .circular-flowchart {
             position: relative;
             width: 1000px; /* Layout size */
-            height: 1000px; /* Circular layout */
+            height: 900px; /* Reduced height to adjust bottom spacing */
             margin: 0 auto;
             display: flex;
             justify-content: center;
@@ -80,12 +80,12 @@ st.markdown(
             transition: transform 0.3s ease, background 0.3s ease;
         }
 
-        /* Adjusted positions for better alignment */
+        /* Adjusted positions for better flow */
         .phase-1 { top: 100px; left: 500px; background-color: #4CAF50; } /* Top-center */
-        .phase-2 { top: 180px; left: 640px; background-color: #03A9F4; } /* Top-right */
+        .phase-2 { top: 180px; left: 650px; background-color: #03A9F4; } /* Top-right */
         .phase-3 { top: 300px; left: 750px; background-color: #FFC107; } /* Mid-right */
         .phase-4 { top: 500px; left: 680px; background-color: #FF7043; } /* Lower-right */
-        .phase-5 { top: 680px; left: 500px; background-color: #8BC34A; } /* Bottom-center */
+        .phase-5 { top: 640px; left: 500px; background-color: #8BC34A; } /* Bottom-center */
         .phase-6 { top: 500px; left: 320px; background-color: #673AB7; } /* Lower-left */
         .phase-7 { top: 300px; left: 220px; background-color: #E91E63; } /* Mid-left */
         .phase-8 { top: 180px; left: 300px; background-color: #607D8B; } /* Top-left */