Added split code blocks to home page

Resolves #350

Author: NejcZdovc

content/index.md

@@ -3,6 +3,9 @@ title: webpack
 ---
 ## Write your code.
 
+<div class="homepage__wrap">
+<div class="homepage__left">
+
 **app.js**
 
 ```js
@@ -11,6 +14,8 @@ import bar from './bar';
 bar();
 ```
 
+</div><div class="homepage__right">
+
 **bar.js**
 
 ```js
@@ -19,8 +24,14 @@ export default function bar() {
 }
 ```
 
+</div>
+</div>
+
 ## Bundle with webpack.
 
+<div class="homepage__wrap">
+<div class="homepage__left">
+
 **webpack.config.js**
 
 ```js
@@ -32,6 +43,8 @@ module.exports = {
 }
 ```
 
+</div><div class="homepage__right">
+
 **page.html**
 
 ```html
@@ -48,5 +61,8 @@ module.exports = {
 
 Then run `webpack` on the command-line to create `bundle.js`.
 
+</div>
+</div>
+
 ## It's that simple.
 ## [Get Started](/get-started)

styles/homepage.scss

@@ -0,0 +1,30 @@
+.homepage {
+  &__left,
+  &__right {
+    width: 100%;
+    float: left;
+
+    @include break {
+      width: 50%;
+      padding: 0 15px;
+    }
+  }
+
+  &__wrap {
+    display: block;
+
+    @include break {
+      margin: 0 -30px;
+    }
+
+    &:before,
+    &:after {
+      content: " ";
+      display: table;
+    }
+
+    &:after {
+      clear: both;
+    }
+  }
+}

styles/index.scss

@@ -8,6 +8,7 @@
 @import 'vars';
 @import 'fonts';
 @import 'functions';
+@import 'mixins';
 
 @import './reset';
 
@@ -85,3 +86,4 @@ details:focus, summary:focus{
 }
 
 @import './markdown';
+@import './homepage';