Fixed navigation

Author: nativecs

js.html

@@ -117,7 +117,7 @@
 
 .footer {
   font-size: 12px;
-  position:fixed;
+  position:sticky;
   left: 0;
   bottom: 0;
   width: 100%;
@@ -156,35 +156,17 @@
   margin-left: auto;
   margin-right: auto;
   padding-top: 30px;
+  padding-bottom: 8%;
 
 }
 
-div.page-content-1 {
-  width: 100%;
-  max-width: 95%;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  padding-top: 30px;
-}
-
 .image {
   display: block;
   margin-left: auto;
   margin-right: 30px;
   margin-top: auto;
 }
 
-div.page-content-2 {
-  width: 100%;
-  max-width: 95%;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  padding-top: 30px;
-}
 </style>
 </head>
 <!-- Stylesheet should be included in the header section -->

resources.html

@@ -114,7 +114,7 @@
 
 .footer {
   font-size: 12px;
-  position: fixed;
+  position: sticky;
   left: 0;
   bottom: 0;
   width: 100%;
@@ -135,18 +135,11 @@
   margin-left: auto;
   margin-right: auto;
   padding-top: 30px;
+  padding-bottom: 10%;
 
 }
 
-div.page-content-1 {
-  width: 100%;
-  max-width: 95%;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  padding-top: 30px;
-}
+
 
 .image {
   display: block;
@@ -155,15 +148,6 @@
   margin-top: auto;
 }
 
-div.page-content-2 {
-  width: 100%;
-  max-width: 95%;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  padding-top: 30px;
-}
 
 a:link {
   color: inherit;
@@ -224,7 +208,6 @@
   <a class="active" href="resources.html">Resources</a>
 </div>
 
-
 <div class ="page-content">
 <center><h2>Resources & Attributions</h2></center>
 <p><img src="images/resources-float.png" width="300px" height="300px" style="float:left" padding-right="30" class="image">