Update mobile view

This commit is contained in:
Alan Grainger 2024-10-29 19:49:21 +01:00
parent 07a1904b9d
commit 0d3d6f4989

View File

@ -2,11 +2,6 @@ html {
background: #191919; background: #191919;
} }
#lightgallery img {
height: 300px;
margin: 4px;
}
#lightgallery a { #lightgallery a {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -16,6 +11,25 @@ html {
cursor: pointer; cursor: pointer;
} }
#lightgallery img {
max-height: 250px;
margin: 4px;
}
@media (max-width:800px) {
#lightgallery a {
width: calc(100vw / 3 - 10px);
height: calc(100vw / 3 - 10px);
overflow: hidden;
}
#lightgallery img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
}
.play-icon { .play-icon {
position: absolute; position: absolute;
top: 50%; top: 50%;