Proper grid/rhythm

content/css/_layout.sass

@@ -1,21 +1,34 @@
+$max-width: em(1280)
+
 $mobile: new-breakpoint(max-width 480px)
 
-section#page
+section#wrapper
   @include outer-container
+  border: rhythm() solid transparent
+
+  @include media($mobile)
+    border: rhythm(0.5) solid transparent
+
+  section#page
+    @include outer-container
+
+    padding: rhythm(2)
+
+    @include media($mobile)
+      padding: rhythm(1)
 
     header
       @include span-columns(12)
-    @include rhythm
 
     section#main
       section#content
-      @include span-columns(8)
+        @include span-columns(9)
 
         @include media($mobile)
           @include span-columns(12)
 
       aside#sidebar
-      @include span-columns(4)
+        @include span-columns(3)
 
         @include media($mobile)
           @include span-columns(12)

layouts/default.haml

@@ -32,6 +32,7 @@
         (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
       })();
 
+    %section#wrapper
       %section#page
         %header#title
           %h1= link_to "ariejan.net", "https://ariejan.net/"