website/assets/sass/gallery.scss

49 lines
851 B
SCSS
Raw Normal View History

2022-09-28 20:49:59 +00:00
.gallery {
// display: flex;
// flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 1rem;
}
.gallery__side {
grid-column-start: 1;
grid-column-end: 3;
}
.gallery__items-container {
grid-column-start: 3;
grid-column-end: 13;
}
.gallery__items {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-gap: 1rem;
}
.gallery__item {
aspect-ratio: 1;
// $size: 25rem;
// width: $size;
// height: $size;
img {
width: 0;
height: 0;
min-height: 100%;
min-width: 100%;
display: block;
object-fit: cover;
}
}
.gallery__nextprev {
display: flex;
justify-content: space-between;
}
@media (max-width: $md-breakpoint) {
.gallery {
display: block;
}
}