Better 2 column image presentation

2014-07-28 23:39:05 -04:00
parent c14ce4055c
commit db2fe94359
2 changed files with 26 additions and 3 deletions
--- a/css/main.css
+++ b/css/main.css
@@ -299,6 +299,29 @@ div.pagination {
  background-color: #333;
 }

+.post img.half-left {
+  float: none;
+  width: 100%;
+}
+
+.post img.half-right {
+  float: none;
+  width: 100%;
+}
+
+@media (min-width: 40rem) {
+  .post img.half-left {
+    float: left;
+    width: 49%;
+    margin-bottom: 10px;
+  }
+  .post img.half-right {
+    float: right;
+    width: 49%;
+    margin-bottom: 10px;
+  }
+}
+
 /*****************************************************************************/
 /*
 /* Homepage