From d3cd00cfcf5ae05ad2e2edea7aaa2facc93a5c16 Mon Sep 17 00:00:00 2001
From: Leyan Lo <leyanlo@gmail.com>
Date: Tue, 8 Mar 2022 11:31:24 -0800
Subject: [PATCH] [examples] Use more semantic footer element (#35033)

Use more semantic footer element for example blog footer. Also remove unused styles. No visual changes.



## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`


Co-authored-by: JJ Kasper <22380829+ijjk@users.noreply.github.com>
---
 examples/blog/theme.config.js | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/examples/blog/theme.config.js b/examples/blog/theme.config.js
index fb56fe005f6d..993a7b2d7f42 100644
--- a/examples/blog/theme.config.js
+++ b/examples/blog/theme.config.js
@@ -2,20 +2,19 @@ const YEAR = new Date().getFullYear()
 
 export default {
   footer: (
-    <small style={{ display: 'block', marginTop: '8rem' }}>
-      <time>{YEAR}</time> © Your Name.
-      <a href="/feed.xml">RSS</a>
+    <footer>
+      <small>
+        <time>{YEAR}</time> © Your Name.
+        <a href="/feed.xml">RSS</a>
+      </small>
       <style jsx>{`
+        footer {
+          margin-top: 8rem;
+        }
         a {
           float: right;
         }
-        @media screen and (max-width: 480px) {
-          article {
-            padding-top: 2rem;
-            padding-bottom: 4rem;
-          }
-        }
       `}</style>
-    </small>
+    </footer>
   )
 }