site/zedshaw.games
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

25
static/style.css
View file

@ -290,9 +290,6 @@
.min-h-screen {
min-height: 100vh;
}
.w-4xl {
width: var(--container-4xl);
}
.w-fit {
width: fit-content;
}
@ -342,9 +339,6 @@
.items-center {
align-items: center;
}
.justify-around {
justify-content: space-around;
}
.justify-between {
justify-content: space-between;
}
@ -384,9 +378,6 @@
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.justify-self-center {
justify-self: center;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
@ -511,6 +502,9 @@
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-2\! {
padding: calc(var(--spacing) * 2) !important;
}
@ -642,6 +636,11 @@
}
}
}
.lg\:w-4xl {
@media (width >= 64rem) {
width: var(--container-4xl);
}
}
.dark\:bg-gray-300 {
@media (prefers-color-scheme: dark) {
background-color: var(--color-gray-300);
@ -674,6 +673,7 @@ main {
display: flex;
min-height: 100vh;
flex-direction: column;
align-items: center;
gap: calc(var(--spacing) * 4);
background-color: var(--color-gray-200);
padding: calc(var(--spacing) * 0);
@ -688,10 +688,13 @@ main {
header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: stretch;
background-color: var(--color-gray-950);
}
footer {
display: flex;
justify-content: center;
background-color: var(--color-gray-950);
padding: calc(var(--spacing) * 1);
font-size: var(--text-lg);
@ -704,7 +707,6 @@ nav {
align-items: center;
justify-content: center;
justify-content: space-evenly;
background-color: var(--color-gray-950);
:is(& > *) {
flex: 1;
}
@ -715,6 +717,9 @@ nav {
:is(& > *) {
color: var(--color-gray-50);
}
@media (width >= 64rem) {
width: var(--container-4xl);
}
}
a {
text-decoration-line: underline;