fix: inline code in lists & mobile page max width

This commit is contained in:
ae 2024-12-09 22:51:51 +02:00
parent 7aea7e0135
commit 8bceb38e45
Signed by: ae
GPG Key ID: 995EFD5C1B532B3E

View File

@ -15,11 +15,18 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 100vh; min-height: 100vh;
overflow-x: hidden;
}
main {
max-width: 100%;
} }
.main-content { .main-content {
max-width: 1000px; max-width: 1000px;
padding: 20px; padding: 20px;
margin: 0 auto;
box-sizing: border-box;
} }
.ascii-art { .ascii-art {
@ -103,7 +110,8 @@ h1 {
font-size: 0.8rem; font-size: 0.8rem;
} }
.content > p > code { p > code,
li > code {
background-color: var(--code); background-color: var(--code);
border-radius: 0.15rem; border-radius: 0.15rem;
padding: 0.02rem 0.2rem; padding: 0.02rem 0.2rem;