fix: more css tweaks for mobile

This commit is contained in:
Daniel Alejandro Gallegos 2024-07-07 17:21:18 -04:00
parent ba13fbfe62
commit 6a90dcbb0e
Signed by: taco
SSH key fingerprint: SHA256:YgoAbZ3x1d1kTGKEmT8elbjEvK/mn0hc4ATFgWhykR0

View file

@ -9,7 +9,7 @@ html {
body { body {
color: #151515; color: #151515;
font-family: "Assistant", sans-serif; font-family: "Assistant", sans-serif;
line-height: 1.5; line-height: 1.42;
margin: 0.666rem; margin: 0.666rem;
max-width: 666px; max-width: 666px;
padding: 1rem; padding: 1rem;
@ -19,6 +19,8 @@ body {
} }
header { header {
padding-bottom: 1rem;
border-bottom: 0.24rem solid #b68024;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
h1 { h1 {
@ -36,7 +38,7 @@ header {
margin: 0; margin: 0;
padding: 0; padding: 0;
li { li {
padding: 0.1rem; margin: auto 0.5rem;
} }
li .active { li .active {
text-decoration: underline; text-decoration: underline;
@ -47,7 +49,7 @@ header {
} }
footer { footer {
border-top: 1px solid #222; border-top: 0.24rem solid #b68024;
margin-top: 1rem; margin-top: 1rem;
} }
@ -88,10 +90,12 @@ figure {
text-align: center; text-align: center;
} }
footer > small { footer {
padding-top: 1rem;
small {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
align-self: stretch; align-self: stretch;
padding: 0.5rem; }
} }