Fix flex column

Fixes #58 The aside column expanded if its content was too large.

layouts/_default/single.html

@@ -4,8 +4,9 @@
 {{ end }}
 
 {{ define "main" }}
-  <div class="flex-l mt2 mw8 center">
-    <article class="center cf pv5 ph3 ph4-ns mw7">
+  <div class="flex-l flex-wrap mt2 mw8 center">
+
+    <article class="center cf pv5 ph3 ph4-ns mw7 w-two-thirds-l">
       <p class="f6 b helvetica tracked">
         {{/* Humanize removes hyphens and capitalizes the first word */}}
         {{ humanize .Section | upper  }}
@@ -23,8 +24,10 @@
       </section>
       {{ partial "tags.html" . }}
     </article>
-    <div class="ph3 mt2 mt6-ns">
+
+    <div class="ph3 mt2 mt6-ns w-third-l">
       {{ partial "menu-contextual.html" . }}
     </div>
+
   </div>
 {{ end }}