res fix

home/styles.css

@@ -6,6 +6,12 @@ body, html {
     align-items: center;
   }
 
+#main{
+    max-height: 100vh;
+    max-width: 100%;
+
+}
+
 #menu {
 
     
@@ -16,7 +22,7 @@ body, html {
     justify-content: center;
     align-items: center;
     max-width: 100%;
-    height: auto;
+    max-height: 70vh;
     transition: transform 0.3s, scale 0.3s;
     
 }
@@ -25,6 +31,7 @@ body, html {
     flex-direction: row;
     justify-content: center;
     align-items: center;
+    max-height: 30vh;
 }
 p{
     color: dodgerblue;
@@ -41,8 +48,8 @@ p{
     justify-content: flex-start;
 }
 .seed {
-    display: block;
+    display: flex;
-    margin-bottom: 90px; /* Adjust the spacing between seeds as needed */
+    
 }
 .seed img {
     transition: transform 0.3s ease;
@@ -50,7 +57,12 @@ p{
 .seed img:hover {
     transform: scale(1.1);
 }
-
+#seeds{
+    height: 60vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
 #image-container {
     transition: opacity 0.5s ease; /* Fade transition */
 }