flexbox??

Ercan-Li · Apr 5, 2020 · 9044697 · 9044697
1 parent 787cf19
commit 9044697
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -134,7 +134,9 @@ a:hover {
   border-top: var(--border);
   position: sticky;
   bottom: 0;
+}
 
+.menu__footer__contents {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;

diff --git a/site/snippets/menu.php b/site/snippets/menu.php
@@ -28,9 +28,11 @@
       </li>
     <?php endforeach; ?>
   </ul>
-  <ul class="menu__footer">
-    <?php foreach ($site->pages()->listed() as $additionalPage): ?>
-      <li class="menu__footer__item"><a href="<?= $additionalPage->url(); ?>"><?= $additionalPage->title(); ?></a></li>
-    <?php endforeach; ?>
-  </ul>
+  <div class="menu__footer">
+    <ul class="menu__footer__contents">
+      <?php foreach ($site->pages()->listed() as $additionalPage): ?>
+        <li class="menu__footer__item"><a href="<?= $additionalPage->url(); ?>"><?= $additionalPage->title(); ?></a></li>
+      <?php endforeach; ?>
+    </ul>
+  </div>
 </div>