Update app.py

app.py

@@ -7,16 +7,32 @@ import plotly.express as px
 
 st.set_page_config(layout="wide")
 
-st.markdown(
-    """
+st.markdown("""
     <style>
-    .stTable {
-        max-width: 500px;  // Adjust the width as per your layout needs
+    @media (max-width: 768px) {
+        /* Smaller devices, less space */
+        .block-container>div>div {
+            flex: 1 1 100%; /* Make all columns take full width */
+        }
+    }
+    @media (min-width: 769px) and (max-width: 1024px) {
+        /* Medium devices */
+        .block-container>div>div {
+            flex: 1; /* Default flex behavior */
+        }
+        .block-container>div>div:nth-child(1) {
+            flex: 0 1 50%; /* First column takes half of the space */
+        }
+    }
+    @media (min-width: 1025px) {
+        /* Larger devices */
+        .block-container>div>div:nth-child(1) {
+            flex: 0 1 33%; /* First column takes about a third of the space */
+        }
     }
     </style>
-    """,
-    unsafe_allow_html=True
-)
+""", unsafe_allow_html=True)
+
 
 
 df = pd.read_csv('last_results_8.csv')