Skip to content

Commit d4c1c50

Browse files
committed
fix(gallery): change gallery grid to fit on smaller screens
1 parent 17a05da commit d4c1c50

File tree

1 file changed

+11
-2
lines changed

1 file changed

+11
-2
lines changed

static/css/gallery.css

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,28 @@
11
div.elegant-gallery {
22
display: flex;
3-
flex-wrap: wrap;
3+
flex-wrap: nowrap;
44
flex-direction: row;
55
justify-content: center;
66
align-items: center;
77
align-content: center;
8+
margin: 0;
9+
padding: 0;
10+
font-size: 0;
811

912
& figure {
1013
margin: 0;
14+
padding: 0;
15+
max-width: 100%;
16+
border: 1px solid lightgray;
17+
1118
& figcaption {
1219
display: none;
1320
}
21+
1422
& img {
23+
max-width: 100%;
1524
border: none;
16-
padding: rfs(0.1rem);
25+
padding: 0;
1726
margin: 0;
1827
}
1928
}

0 commit comments

Comments
 (0)