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
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue