Skip to content
Permalink
Browse files

fix(gallery): change gallery grid to fit on smaller screens

  • Loading branch information
talha131 committed Feb 5, 2020
1 parent 17a05da commit d4c1c506d24c61e18089d303ea88bb69db077135
Showing with 11 additions and 2 deletions.
  1. +11 −2 static/css/gallery.css
@@ -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;
}
}

0 comments on commit d4c1c50

Please sign in to comment.
You can’t perform that action at this time.