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:
parent
4b18e24f1b
commit
931dbe3f9e
3 changed files with 37 additions and 28 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue