diff --git a/public/css/footer.css b/public/css/footer.css index 261f6bb..dc9c922 100644 --- a/public/css/footer.css +++ b/public/css/footer.css @@ -45,19 +45,17 @@ opacity: 1; } - -footer p:last-of-type { - margin-top: 1rem; -} - -footer p:last-of-type a { - font-size: 1rem; - font-weight: 600; -} - footer nav { margin-top: 0; margin-bottom: 0; + /* Make the nav a flex container to arrange its children horizontally */ + display: flex; + /* Space out the items evenly */ + gap: 1.5rem; /* Adjust this value to control spacing between links */ + /* If you want them centered within the nav */ + justify-content: center; + /* Allow items to wrap to the next line on smaller screens */ + flex-wrap: wrap; } footer nav p { diff --git a/src/views/partials/footer.handlebars b/src/views/partials/footer.handlebars index c693c9d..7199ddb 100644 --- a/src/views/partials/footer.handlebars +++ b/src/views/partials/footer.handlebars @@ -9,6 +9,7 @@