26 lines
458 B
SCSS
26 lines
458 B
SCSS
.gallery {
|
|
display: grid;
|
|
grid-gap: 10px;
|
|
grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
|
|
grid-template-rows: 1fr auto;
|
|
overflow-inline: scroll;
|
|
|
|
&__caption {
|
|
grid-column-end: -1;
|
|
grid-column-start: 1;
|
|
}
|
|
|
|
& .figure {
|
|
margin-trim: unset;
|
|
|
|
@supports not (margin-trim: block) {
|
|
&:first-child {
|
|
margin-block-start: 16px;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-block-end: unset;
|
|
}
|
|
}
|
|
}
|
|
}
|