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

@ -6,15 +6,15 @@ body {
}
main {
@apply flex flex-col gap-4 p-0 min-h-screen bg-gray-200 text-black dark:bg-gray-900 dark:text-gray-50;
@apply flex flex-col items-center gap-4 p-0 min-h-screen bg-gray-200 text-black dark:bg-gray-900 dark:text-gray-50;
}
header {
@apply flex flex-col justify-stretch;
@apply flex flex-col justify-stretch items-center bg-gray-950;
}
footer {
@apply bg-gray-950 text-gray-50 text-lg flex p-1;
@apply bg-gray-950 text-gray-50 text-lg flex justify-center p-1;
}
@utility sticky-bottom {
@ -22,7 +22,7 @@ footer {
}
nav {
@apply flex justify-center items-center bg-gray-950 *:text-gray-50 *:flex-1 *:text-xl w-full justify-evenly;
@apply flex lg:w-4xl justify-center items-center *:text-gray-50 *:flex-1 *:text-xl w-full justify-evenly;
}
a {