From db2fe9435995482eaacb4091a16d1ce667c1bee0 Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Mon, 28 Jul 2014 23:39:05 -0400
Subject: [PATCH] Better 2 column image presentation

---
 _posts/2013-08-24-on-chromebooks.md |  6 +++---
 css/main.css                        | 23 +++++++++++++++++++++++
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/_posts/2013-08-24-on-chromebooks.md b/_posts/2013-08-24-on-chromebooks.md
index ca145ec..bb4242a 100644
--- a/_posts/2013-08-24-on-chromebooks.md
+++ b/_posts/2013-08-24-on-chromebooks.md
@@ -65,12 +65,12 @@ need to on a laptop that’s under $300.
 for 2 years and 12 free Gogo passes with the Chromebook, which definitely comes
 in handy.
 
-<div> <a href="/img/blog/chromebook_keyboard.jpg"><img
+<a href="/img/blog/chromebook_keyboard.jpg"><img
 src="/img/blog/chromebook_keyboard_thumb.jpg" alt="Samsung Chromebook
-keyboard up close" style="float: left; width: 50%"></a> <a
+keyboard up close" class="half-left"></a> <a
 href="/img/blog/chromebook_trackpad.jpg"><img
 src="/img/blog/chromebook_trackpad_thumb.jpg" alt="Samsung Chromebook
-trackpad up close" style="float: right; width: 50%"></a> </div> <br>
+trackpad up close" class="half-right"></a>
 
 While that all of that is nice, the Chromebook still only has 16GB internal
 storage, no DVD drive, no ethernet port, and hardly any processing power. And I
diff --git a/css/main.css b/css/main.css
index 247c28d..8f71a47 100755
--- 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