res fix
This commit is contained in:
parent
6a3bded7b6
commit
1244077e10
1 changed files with 16 additions and 4 deletions
|
@ -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 */
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue