Set grid gap, border radius and minmax 120px
This commit is contained in:
parent
5be5394d5d
commit
2cea99f194
1 changed files with 4 additions and 2 deletions
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue