diff --git a/home/styles.css b/home/styles.css index cfbffdc..e32951a 100644 --- a/home/styles.css +++ b/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; - margin-bottom: 90px; /* Adjust the spacing between seeds as needed */ + display: flex; + } .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 */ }