Stretch images to fit on the grid

jacebrowning · Nov 26, 2016 · c5990a0 · c5990a0
1 parent 749598a
commit c5990a0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/memegen/static/stylesheets/stylesheet.css b/memegen/static/stylesheets/stylesheet.css
@@ -144,7 +144,10 @@ span.meme-text {
 }
 
 .meme-example {
-  margin: 20px;
+  width: auto;
+  max-width:100%;
+  height: 240px;
+  padding: 20px;
 }
 
 

diff --git a/memegen/templates/index.html b/memegen/templates/index.html
@@ -57,7 +57,7 @@
         {% for img in sample_images %}
           <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
             <a href="{{img.url}}">
-              <img class="meme-example" width="240" src="{{ img.url }}" />
+              <img class="meme-example" src="{{ img.url }}" />
             </a>
           </div>
         {% endfor %}