Smaller gap between photos in carousel on mobile
This commit is contained in:
@@ -973,9 +973,8 @@ abbr[title] {
|
|||||||
|
|
||||||
@media (width <= 768px) {
|
@media (width <= 768px) {
|
||||||
.place-photos-carousel-track {
|
.place-photos-carousel-track {
|
||||||
scroll-snap-type: none; /* No snapping on mobile */
|
scroll-snap-type: none;
|
||||||
gap: 0.25rem;
|
gap: 2px;
|
||||||
padding-bottom: 0.5rem; /* Space for the scrollbar if visible, but we hid it */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-slide {
|
.carousel-slide {
|
||||||
@@ -988,7 +987,6 @@ abbr[title] {
|
|||||||
|
|
||||||
.place-header-photo.landscape,
|
.place-header-photo.landscape,
|
||||||
.place-header-photo.portrait {
|
.place-header-photo.portrait {
|
||||||
/* On mobile, all images use cover inside their precise ratio container */
|
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user