waifu/waifuism
1
0
Fork 0
Code Issues 2 Pull requests Projects 1 Releases Packages Wiki Activity

res fix

Browse source
This commit is contained in:
waifu 2024-04-27 03:13:36 -03:00
parent 6a3bded7b6
commit 1244077e10
1 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
home/styles.css
View file

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