STYLE: using footer html tag

RobokopU24 · Nov 15, 2023 · ba640e5 · ba640e5
1 parent 7202030
commit ba640e5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
@@ -4,7 +4,7 @@ import './footer.css';
 
 export default function Footer() {
   return (
-    <div className="footer">
+    <footer>
       <p>
         ROBOKOP is a joint creation of <a href="http://www.renci.org" target="_blank" rel="noreferrer">RENCI</a>{' '}
         and <a href="http://www.covar.com" target="_blank" rel="noreferrer">CoVar LLC</a>. Early development was{' '}
@@ -14,6 +14,6 @@ export default function Footer() {
         <a href="https://datascience.nih.gov/about/odss" target="_blank" rel="noreferrer">ODSS</a>.{' '}
         <Link to="/termsofservice">Terms of Service</Link>.
       </p>
-    </div>
+    </footer>
   );
 }
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
@@ -1,11 +1,12 @@
-.footer {
+footer {
     position: absolute;
     bottom: 0;
     width: 100%;
+    height: auto;
     color: #5e5e5e;
     background-color: #f5f7fa;
 }
-.footer p {
+footer p {
     font-size: 1.25em;
     margin-top: 5px;
     text-align: center;