Set grid gap, border radius and minmax 120px

This commit is contained in:
deflax 2025-03-05 13:23:33 +00:00
parent 5be5394d5d
commit 2cea99f194

View file

@ -39,7 +39,8 @@ video {
.gallery { .gallery {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 3fr)); grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
} }
.gallery .gallery-item { .gallery .gallery-item {
@ -47,6 +48,7 @@ video {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
border-radius: 5px;
} }
.gallery img { .gallery img {
@ -58,7 +60,7 @@ video {
} }
.gallery .gallery-item:hover img { .gallery .gallery-item:hover img {
transform: scale(1.05); transform: scale(1.03);
-webkit-filter: grayscale(1); -webkit-filter: grayscale(1);
filter: grayscale(1); filter: grayscale(1);
} }