2 files changed, 21 insertions, 12 deletions
diff --git a/public/assets/css.css b/public/assets/css.css
index d6af91e..04e26da 100644
--- a/public/assets/css.css
+++ b/public/assets/css.css
@@ -103,15 +103,13 @@ h2 {
 
 #posts {
   position: relative;
+  background-image: url(postbg.jpg);
+  background-size: cover;
+  background-position: center center;
 }
 .cell {
   display: block;
-  background-size: cover;
-  background-position: center center;
   position: relative;
-  background-image: url(postbg.jpg);
-  background-size: cover;
-  background-position: center center;
   padding: 20px;
   text-align: center;
 }
@@ -119,7 +117,7 @@ h2 {
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
-  margin: 20px;
+  margin: 0 5px 10px 5px;
 }
 .cell .title span {
   font-size: 20px;
@@ -137,19 +135,20 @@ h2 {
 .media iframe {
   margin: 10px auto;
   max-height: 30vh;
-  max-width: 90%;
+  max-width: 82vw;
 }
 .media img {
   display: block;
   margin: 10px auto;
-  max-width: 90%;
+  max-width: 82vw;
 }
 .content {
-  padding: 20px;
-  line-height: 1.5;   
+  padding: 8px;
+  line-height: 1.4;
+  font-size: 15px;
   background: white;
   color: black;
-  max-width: 600px;
+  max-width: 82vw;
   margin: 0 auto;
 }
 
diff --git a/public/assets/site.js b/public/assets/site.js
index f875fee..478cffc 100644
--- a/public/assets/site.js
+++ b/public/assets/site.js
@@ -51,7 +51,7 @@ function bind(){
     var tag = $(this).html()
     filter_by_tag(tag)
   })
-  var gallery = new Flickity( "#testimonials", {
+  new Flickity( "#testimonials", {
     cellSelector: '.testimonial',
     wrapAround: true,
     prevNextButtons: false,
@@ -60,6 +60,16 @@ function bind(){
     draggable: true,
     autoPlay: 5000,
   })
+  
+  new Flickity( "#posts", {
+    cellSelector: '.cell',
+    wrapAround: true,
+    prevNextButtons: false,
+    pageDots: false,
+    setGallerySize: false,
+    draggable: true,
+    autoPlay: 5000,
+  })
 }
 function build(){
   $('.cell').each( function(){