footerdiv

_includes/footer.html

@@ -1,4 +1,5 @@
  <footer>
+   <div class="footerdiv">
    <ul class="mylinks">
      {% for link in site.data.links %}
      <li>
@@ -22,6 +23,7 @@
    <img src="{{ button.path }}">
    {% endif %}
 {% endfor %}
+   </div>
  </footer>
 
 

_includes/nav.html

@@ -15,7 +15,7 @@
 
 <nav>
   {% for item in site.data.navigation %}
-  <a href="{{ iten.link }}" {% if page.url == item.link %}style="color: red;"{% endif %}>
+  <a class="navlink" href="{{ iten.link }}" {% if page.url == item.link %}style="color: red;"{% endif %}>
     {{ item.name }}
   </a>
   {% endfor %}

css/main.css

@@ -150,12 +150,18 @@ body {
 
 .container {
   display: flex;
+  justify-content: center;
 }
 
 nav {
   border: green;
   border-style: double;
 }
+
+.navlink {
+
+}
+
 .content {
   border: green;
   border-style: double;
@@ -172,3 +178,5 @@ footer {
   border-style: double;
 
 }
+
+.footerdiv {}