Use html5 semantic

bamboofox · Aug 1, 2017 · be7d8bb · be7d8bb
1 parent 7c0c6b3
commit be7d8bb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -6,9 +6,15 @@ body{
   min-height: 100vh;
   flex-direction: column;
 }
+
 header{
   flex: none;
 }
-article{
+
+main{
   flex: 1 0 auto;
 }
+
+footer{
+  flex: none;
+}
diff --git a/app/views/layouts/admin.html.erb b/app/views/layouts/admin.html.erb
@@ -9,14 +9,14 @@
   </head>
   <body>
     <%= render 'admin/header' %>
-    <article class="ui centered aligned grid container">
+    <main class="ui centered aligned grid container">
       <div class="sixteen wide mobile sixteen wide tablet twelve wide computer column">
         <div class="ui segment">
           <%= render 'layouts/flash' %>
           <%= yield %>
         </div>
       </div>
-    </article>
+    </main>
     <%= render 'layouts/footer' %>
   </body>
 </html>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -9,14 +9,14 @@
   </head>
   <body>
     <%= render 'layouts/header' %>
-    <article class="ui centered aligned grid container">
+    <main class="ui centered aligned grid container">
       <div class="sixteen wide mobile sixteen wide tablet twelve wide computer column">
         <div class="ui segment">
           <%= render 'layouts/flash' %>
           <%= yield %>
         </div>
       </div>
-    </article>
+    </main>
     <%= render 'layouts/footer' %>
   </body>
 </html>