Update style.css

style.css

@@ -1,6 +1,9 @@
 h1 {
   text-align: center;
   display: block;
+  width: 100%;  /* Ensures it takes full width of its container */
+  margin-top: 0;  /* Optional: Removes default margin from top of h1 */
+  margin-bottom: 0.5em; /* Optional: Reduces space below h1 */
 }
 
 #duplicate-button {
@@ -11,8 +14,14 @@ h1 {
 }
 
 .contain {
+  display: flex; /* Uses Flexbox */
+  flex-direction: column; /* Aligns children vertically */
+  justify-content: center; /* Centers children vertically */
+  align-items: center; /* Centers children horizontally */
   max-width: 900px;
-  margin: auto;
+  width: 100%; /* Takes full width */
+  margin: auto; /* Centers horizontally */
   padding-top: 1.5rem;
-  min-height: 500px;
+  padding-bottom: 1.5rem; /* Adds padding at the bottom */
+  min-height: 100vh; /* Minimum height to take full viewport height */
 }