feat: flexbox example, fix #61

sparanoid · Jul 6, 2021 · 64655f9 · 64655f9
1 parent 5428d60
commit 64655f9
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/demo.html b/demo.html
@@ -41,6 +41,17 @@
     margin-top: 2em;
   }
 
+  .gallery {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .gallery > div {
+    flex-grow: 1;
+    margin: 0 .25rem .5rem;
+    width: 30%;
+  }
+
   /* Example: Lazy Lightense */
   .lightense-lazy {
     filter: blur(16px);
@@ -95,7 +106,7 @@ <h2>General Usage</h2>
   />
 </p>
 
-<h2>General Usage</h2>
+<h2>Custom Background</h2>
 
 <p>
   <img
@@ -141,6 +152,14 @@ <h2>Custom Thumbnail Preview</h2>
   />
 </p>
 
+<h2>Flexbox Gallery</h2>
+
+<div class="gallery">
+  <div><img src="https://d349cztnlupsuf.cloudfront.net/girls_dead_monster_logo.png" /></div>
+  <div><img src="https://d349cztnlupsuf.cloudfront.net/girls_dead_monster_logo.png" /></div>
+  <div><img src="https://d349cztnlupsuf.cloudfront.net/girls_dead_monster_logo.png" /></div>
+</div>
+
 <h2>Event Hooks</h2>
 
 <p>