optimize a lot of stuff
This commit is contained in:
@ -1,6 +1,6 @@
|
||||
.game {
|
||||
width: 20vw;
|
||||
height: 10vh;
|
||||
height: 9vh;
|
||||
background-color: color-mix(in srgb, var(--color-2) 40%, #00000000 60%);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -13,17 +13,16 @@
|
||||
box-shadow: 0 0 10px var(--color-2);
|
||||
text-decoration: none;
|
||||
content-visibility: auto;
|
||||
contain-intrinsic-size: auto 10vh;
|
||||
contain-intrinsic-size: auto 9vh;
|
||||
}
|
||||
.game:hover {
|
||||
transform: scale(1.1);
|
||||
filter:brightness(1.15);
|
||||
}
|
||||
.game img {
|
||||
height: 80%;
|
||||
height: calc(100% - 4px - 4px);
|
||||
border-radius: 15px;
|
||||
aspect-ratio: 1 / 1;
|
||||
margin: 10px;
|
||||
margin: 4px;
|
||||
justify-self: left;
|
||||
margin-right: auto;
|
||||
}
|
||||
@ -35,8 +34,7 @@
|
||||
height: 70%;
|
||||
}
|
||||
#holder {
|
||||
width: 70%;
|
||||
height: auto;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
|
||||
Reference in New Issue
Block a user