Add container tags to static pages

Author: ravewebdev

pages/404.js

@@ -28,8 +28,14 @@ export default function Custom404({post}) {
 
   return (
     <Layout seo={{...seo}}>
-      <h1>404 Not Found</h1>
-      <p>That page could not be found!</p>
+      <div className="container">
+        <section>
+          <article>
+            <h1>404 Not Found</h1>
+            <p>That page could not be found!</p>
+          </article>
+        </section>
+      </div>
     </Layout>
   )
 }

pages/index.js

@@ -26,15 +26,22 @@ export default function HomePage({post}) {
   // Display static page content as fallback.
   return (
     <Layout seo={{...seo}}>
-      <Hero
-        background="https://images.unsplash.com/photo-1513106021000-168e5f56609d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2560&q=70"
-        title="Next.js Starter"
-        description="A slightly opinionated, yet bare-bones Next.js starter."
-      />
-      <p>
-        To display your WordPress homepage dynamically, set your homepage to a
-        static page via the WP dashboard (Settings: Reading Settings).
-      </p>
+      <div className="container">
+        <section>
+          <article>
+            <Hero
+              background="https://images.unsplash.com/photo-1513106021000-168e5f56609d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2560&q=70"
+              title="Next.js Starter"
+              description="A slightly opinionated, yet bare-bones Next.js starter."
+            />
+            <p>
+              To display your WordPress homepage dynamically, set your homepage
+              to a static page via the WP dashboard (Settings: Reading
+              Settings).
+            </p>
+          </article>
+        </section>
+      </div>
     </Layout>
   )
 }