hide bottom nav on mobile

Author: chrisminnick

reactjsfoundations.com/public/index.html

@@ -110,6 +110,9 @@
         #top-title {
           display: none;
         }
+        #bottomNav {
+          display: none;
+        }
         .greenButton {
           display: none;
         }

reactjsfoundations.com/src/BottomNav.js

@@ -1,11 +1,11 @@
-import { Link } from "react-router-dom";
+import { Link } from 'react-router-dom';
 
 function BottomNav() {
   return (
-    <nav>
-      <p style={{ textAlign: "center" }}>
-        <Link to="/">Home</Link> | <Link to="/wheretobuy">Buy the Book</Link> |{" "}
-        <Link to="/intro">About the Book</Link> |{" "}
+    <nav id="bottomNav">
+      <p style={{ textAlign: 'center' }}>
+        <Link to="/">Home</Link> | <Link to="/wheretobuy">Buy the Book</Link> |{' '}
+        <Link to="/intro">About the Book</Link> |{' '}
         <a href="https://github.com/chrisminnick/react-js-foundations">
           Download the Code
         </a>