diff --git a/public_html/css/comments.css b/public_html/css/comments.css
index 7d72c86a..fc3bc892 100644
--- a/public_html/css/comments.css
+++ b/public_html/css/comments.css
@@ -19,11 +19,13 @@
 .comment {
     margin: 0 0 1em 0;
     padding: 0;
+    display: -webkit-flex;
     display: flex;
 }
 
 .comment .avatar {
     margin-right: 0.5em;
+    -webkit-flex-shrink: 0;
     flex-shrink: 0;
     vertical-align: top;
 }
@@ -83,14 +85,18 @@
     margin-bottom: 2em;
 }
 #global-comment-list .post-comment {
+    display: -webkit-flex;
     display: flex;
 }
 @media all and (max-width: 40em) {
     #global-comment-list .post-comment {
+        -webkit-flex-direction: column;
         flex-direction: column;
     }
 }
 #global-comment-list .post {
+    -webkit-flex-shrink: 0;
+    -webkit-flex-grow: 0;
     flex-shrink: 0;
     flex-grow: 0;
     margin-right: 1em;
diff --git a/public_html/css/post-list.css b/public_html/css/post-list.css
index 2b51363d..0a08f6ed 100644
--- a/public_html/css/post-list.css
+++ b/public_html/css/post-list.css
@@ -52,10 +52,16 @@
 .post-list ul.safety .safety-unsafe.disabled:before  { background: linear-gradient(#DDB7B7, #C9A195); }
 
 .post-list ul.posts {
+    display: -webkit-flex;
+    -webkit-justify-content: center;
+    -webkit-align-content: center;
+    -webkit-flex-wrap: wrap;
+
     display: flex;
     justify-content: center;
     align-content: center;
     flex-wrap: wrap;
+
     list-style-type: none;
     padding: 0;
     margin: 0;
diff --git a/public_html/css/post.css b/public_html/css/post.css
index da06d8bd..7e6c9d44 100644
--- a/public_html/css/post.css
+++ b/public_html/css/post.css
@@ -32,22 +32,27 @@
 
 @media all and (min-width: 62.5em) {
     #post-view-wrapper {
+        display: -webkit-flex;
         display: flex;
     }
 
     #post-view-wrapper #sidebar {
         min-width: 15em;
         margin-right: 1em;
+        -webkit-flex: 1;
         flex: 1;
     }
 
     #post-view-wrapper #post-view {
+        -webkit-flex: 5;
         flex: 5;
     }
 }
 
 @media all and (max-width: 62.5em) {
     #post-view-wrapper {
+        display: -webkit-flex;
+        -webkit-flex-direction: column;
         display: flex;
         flex-direction: column;
     }
@@ -114,6 +119,8 @@
 }
 
 #sidebar .essential {
+    display: -webkit-flex;
+    -webkit-justify-content: space-around;
     display: flex;
     justify-content: space-around;
     margin-bottom: 2em;