Now it works. Thanks to Twitch chat for helping me realize that flex-col changes how justify works because that's so fun.

This commit is contained in:
Zed A. Shaw 2025-09-16 01:18:53 -04:00
parent 4b18e24f1b
commit 931dbe3f9e
3 changed files with 37 additions and 28 deletions

View file

@ -35,25 +35,29 @@
</header>
<main>
<div class="lg:w-4xl flex flex-col">
{{embed}}
</div>
</main>
<footer class="!p-4 !pb-20">
<div class="flex-1">
<img class="size-12 shrink-0" src="/logo.png" />
<div>
<p>I'm the author of many programming education books, a
semi-professional oil painter, and new game developer.</p>
<div class="flex lg:w-4xl">
<div class="flex-1 p-2">
<img class="size-12 shrink-0" src="/logo.png" />
<div>
<p>I'm the author of many programming education books, a
semi-professional oil painter, and new game developer.</p>
</div>
</div>
<div class="flex-1 p-2">
<h3 class="text-3xl">Other Projects</h3>
<ul>
<li><a href="https://learncodethehardway.com/">Learn Code the Hard Way</a></li>
<li><a href="https://lcthw.dev/go/">Go Web Dev</a></li>
<li><a href="https://lcthw.dev/learn-code-the-hard-way/">Code Projects for Beginners</a></li>
<li><a href="https://zedshaw.com/blog/">Personal Essays</a></li>
</ul>
</div>
</div>
<div class="flex-1">
<h3 class="text-3xl">Other Projects</h3>
<ul>
<li><a href="https://learncodethehardway.com/">Learn Code the Hard Way</a></li>
<li><a href="https://lcthw.dev/go/">Go Web Dev</a></li>
<li><a href="https://lcthw.dev/learn-code-the-hard-way/">Code Projects for Beginners</a></li>
<li><a href="https://zedshaw.com/blog/">Personal Essays</a></li>
</ul>
</div>
</footer>
</body>