fix: 💄 wrap footer contents on mobile

This commit is contained in:
Sebin Nyshkim 2024-10-15 13:37:48 +02:00
parent 65e6630376
commit 7c437f48a8

View file

@ -52,14 +52,14 @@
<footer class="pb-16">
<div class="mx-auto max-w-screen-xl divide-y divide-slate-400 px-safe-offset-4 md:px-safe-offset-6 dark:divide-slate-600">
<div class="flex flex-wrap gap-6 md:flex-nowrap md:gap-0"></div>
<div class="mt-16 flex justify-between gap-4 pt-10">
<div>
<div class="mt-16 flex flex-wrap justify-between gap-4 pt-10 sm:flex-nowrap">
<div class="basis-full">
<p>&copy; {% year %} Sebin Nyshkim</p>
<p>Content licensed under
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
</p>
</div>
<div class="text-right">
<div class="basis-full sm:text-right">
<p>Made with <a href="https://11ty.dev">11ty</a></p>
</div>
</div>