Changed wrapping <div> of Teaser component and markdown wrapper to <article>

Author: kylegach

components/Teaser.js

@@ -21,12 +21,12 @@ class Teaser extends Component {
 
     return (
       // TODO: Replace the flexItem-50 class with something more dynamic (quantity queries?)
-      <div className={row ? 'flexItem-50 mb-3 mb-0@sm pr-3@sm' : 'mb-3 mb-4@sm'}>
+      <article className={row ? 'flexItem-50 mb-3 mb-0@sm pr-3@sm' : 'mb-3 mb-4@sm'}>
         <h3 className="h4 mb-0"><Link to={prefixLink(page.path)} className="camoLink">{title}</Link></h3>
         {byline}
         <div className="mt-2">{blurb}</div>
         <Link to={prefixLink(page.path)} className="inlineBlock mt-2">Keep reading&hellip;</Link>
-      </div>
+      </article>
     )
   }
 }

wrappers/md.js

@@ -77,11 +77,13 @@ class MDWrapper extends Component {
     return (
       <DocumentTitle title={`${title} • ${config.siteTitle}`}>
         <main className="maxW-3 mx-auto">
-          <h1 className="h1 mb-0">{title}</h1>
-          { byline }
-          { intro }
-          { workHeader }
-          <div dangerouslySetInnerHTML={{ __html: page.data.body }} className="markdown mt-3" />
+          <article>
+            <h1 className="h1 mb-0">{title}</h1>
+            { byline }
+            { intro }
+            { workHeader }
+            <div dangerouslySetInnerHTML={{ __html: page.data.body }} className="markdown mt-3" />
+          </article>
         </main>
       </DocumentTitle>
     )