Skip to content

Commit

Permalink
fix(gallery): change gallery grid to fit on smaller screens
Browse files Browse the repository at this point in the history
  • Loading branch information
talha131 committed Feb 5, 2020
1 parent 17a05da commit d4c1c50
Showing 1 changed file with 11 additions and 2 deletions.
13 changes: 11 additions & 2 deletions static/css/gallery.css
Original file line number Diff line number Diff line change
@@ -1,19 +1,28 @@
div.elegant-gallery {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
margin: 0;
padding: 0;
font-size: 0;

& figure {
margin: 0;
padding: 0;
max-width: 100%;
border: 1px solid lightgray;

& figcaption {
display: none;
}

& img {
max-width: 100%;
border: none;
padding: rfs(0.1rem);
padding: 0;
margin: 0;
}
}
Expand Down

0 comments on commit d4c1c50

Please sign in to comment.