tabnav grid

src/components/dashboard.js

@@ -24,7 +24,11 @@ class Dashboard extends Component {
     }
 
   render() {
-    return <TabNav tabs={this.state.tabs}/>
+    return (
+        <div className='dashboard'>
+            <TabNav tabs={this.state.tabs}/>
+        </div>
+    )
   }
 
 }

src/components/tabnav.js

@@ -2,15 +2,11 @@ import React, { Component } from 'react';
 
 class TabNav extends Component {
   render() {
-    var JSX = [
-        <h1>TABS</h1>
-    ];
+    return (
+        <div className='tab-nav'>
 
-    this.props.tabs.map((tab, index) => {
-        JSX.push(tab.component);
-    })
-
-    return JSX;
+        </div>
+    )
   }
 }
 

src/style/dashboard.scss

@@ -0,0 +1,4 @@
+.dashboard {
+    grid-row: content-s/content-e;
+    grid-column: content-s/content-e;
+}

src/style/main.scss

@@ -12,4 +12,7 @@
 // HELPERS
 @import 'form-title';
 @import 'form-fields';
-@import 'text-link';
+@import 'text-link';
+
+// DASHBOARD
+@import 'dashboard';