Update static/styles.css

static/styles.css

@@ -260,6 +260,16 @@ form {
     align-items: center;
     justify-content: center;
 }
+.box-wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;      /* Ensure full width on smaller screens */
+    max-width: 300px; /* Limit the maximum width for better proportions */
+    min-width: 250px; /* Prevent boxes from becoming too narrow */
+    margin: 10px auto; /* Center the box and add spacing */
+}
+
 
 
 /* Responsive Layout */