Current style is okay for now

app/templates/application.hbs

@@ -3,4 +3,7 @@
 {{sidebar-left category=category}}
 {{sidebar-right}}
 {{!--{{outlet 'onlyApp'}}--}}
-{{outlet}}
+<div class="application_container layout-row layout-align-center">
+  {{outlet}}
+  <div class="fakeHeight"></div>
+</div>

app/templates/culture.hbs

@@ -1,6 +1,3 @@
-<div class="application_container">
-  <div class="layout-row layout-align-center">
-    <h3>culture</h3>
-    {{article-share-menu}}
-  </div>
-</div>
+<h3>
+  Culture
+</h3>

app/templates/design.hbs

@@ -1,5 +1 @@
-<div class="application_container">
-  <div class="layout-row layout-align-center">
-    <h3>design</h3>
-  </div>
-</div>
+<h3>Design</h3>

app/templates/home.hbs

@@ -1,21 +1,13 @@
-{{!-- TODO find a way to combine application container and flex container together, because we used those tag in three different place already.
+{{! TODO find a way to combine application container and flex container together, because we used those tag in three different place already.
   it is alway locate on the center of the page
- --}}
-<div class="application_container layout-row layout-align-center">
-  {{!--  <div class="grid-container">--}}
-  {{!--    {{#each post as |value|}}--}}
-  {{!--      {{article-list value=value}}--}}
-  {{!--    {{/each}}--}}
-  {{!--  </div>--}}
-  <div class="flex-container">
-    {{#each evenPost as |value|}}
-      {{article-list value=value articleClick=(action "submit")}}
-    {{/each}}
-  </div>
-  <div class="flex-container">
-    {{#each oddPost as |value|}}
-      {{article-list value=value articleClick=(action "submit")}}
-    {{/each}}
-  </div>
+ }}
+<div class="flex-container">
+  {{#each evenPost as |value|}}
+    {{article-list value=value articleClick=(action "submit")}}
+  {{/each}}
 </div>
-<div class="fakeHeight"></div>
+<div class="flex-container">
+  {{#each oddPost as |value|}}
+    {{article-list value=value articleClick=(action "submit")}}
+  {{/each}}
+</div>

app/templates/post.hbs

@@ -1,18 +1,15 @@
-<div class="application_container layout-row layout-align-center">
-  <div class="flex-container">
-    <h2>Welcome to Ember mirage</h2>
-  </div>
-</div>
-{{!--<h2 id="title">--}}
-{{!--  Welcome to Ember mirage--}}
-{{!--</h2>--}}
+<h3>
+  Welcome to this post
+</h3>
+{{!<h2 id="title">}}
+{{!  Welcome to Ember mirage}}
+{{!</h2>}}
 {{!--{{#each model as |post|}}--}}
 {{!--  {{#link-to "posts" post.id}}--}}
 {{!--    {{post.title}}--}}
 {{!--  {{/link-to}}--}}
-{{!--  <br />--}}
+{{!  <br />}}
 {{!--{{/each}}--}}
-{{!--<br />--}}
-
+{{!<br />}}
 {{!--Title:{{model.title}}<br>--}}
 {{!--Text:{{model.text}}<br>--}}

app/templates/tech.hbs

@@ -1,7 +1,7 @@
-<div class="application_container">
+<div class="">
   <div class="layout-row layout-align-center">
     <h3>
-      tech
+      Tech
     </h3>
   </div>
   <div class="layout-row layout-align-center">