Update app.py

app.py

@@ -1197,6 +1197,22 @@ css="""
     border-color: #dee2e6 !important;
 }
 
+/* Gradio layout fixes */
+.gradio-container {
+    max-width: none !important;
+    padding: 0 !important;
+}
+
+.gradio-container .gradio-row {
+        max-width: none !important;
+        margin: 0 !important;
+}
+    
+.gradio-container .gradio-column {
+        min-width: 0 !important;
+        padding: 0 !important;
+}
+
 /* Set the size of the SVG icon for file download */
 .feather-file {
     width: 20px !important; /* Adjust the size as needed */
@@ -1344,11 +1360,20 @@ label {
 }
 
 /* Skills Card */
+.skills-outer-container {
+        width: 100%;
+        padding: 0 1rem;
+        box-sizing: border-box;
+}
+    
 .skills-container {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
     gap: 1.5rem;
     padding: 1rem;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
 }
 
 /* Card styling */
@@ -1359,6 +1384,9 @@ label {
     overflow: hidden;
     transition: all 0.3s ease;
     border: 1px solid #e0e0e0;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
 }
 
 .skill-card:hover {
@@ -1665,6 +1693,7 @@ progress::-webkit-progress-value {
     
     .skills-container {
         grid-template-columns: 1fr;
+        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
     }
     
     .skill-header {