use <main> instead of a div with a id #main-content (#1079)

vired · web-flow · commit daa1b1715c67 · 2020-04-21T02:45:50.000+02:00
* use &lt;main&gt; instead of a div with a class main-content

* update for using &lt;main&gt;
diff --git a/src/styles/app.scss b/src/styles/app.scss
@@ -32,7 +32,7 @@ body {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  & > #main-content {
+  & > main {
     flex: 1;
   }
 }
diff --git a/templates/components/layout.hbs b/templates/components/layout.hbs
@@ -59,9 +59,9 @@
   </head>
   <body>
     {{> components/nav}}
-    <div id="main-content">
+    <main>
         {{~> page}}
-    </div>
+    </main>
     {{> components/footer}}
     {{#if pontoon_enabled}}
          <script src="https://pontoon.rust-lang.org/pontoon.js"></script>
