Improve Mobile Friendlyness + Accessibility #5

Merged
vrifox merged 2 commits from more-flex-layout into main 2023-07-29 21:02:58 +02:00
Showing only changes of commit 35cafba62c - Show all commits

View file

@ -29,10 +29,13 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--text); color: var(--text);
display: flex;
font-family: 'Lucida Console', 'Courier New', monospace; font-family: 'Lucida Console', 'Courier New', monospace;
flex-direction: column;
hyphens: auto; hyphens: auto;
line-height: 1.8; line-height: 1.8;
margin: 0; margin: 0;
align-items: center;
} }
a { a {
color: var(--text); color: var(--text);
@ -58,6 +61,7 @@ header {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
text-align: center; text-align: center;
width: 100%;
h1 { h1 {
font-size: 3.6em; font-size: 3.6em;
line-height: .9em; line-height: .9em;
@ -121,8 +125,8 @@ header {
} }
.width-1200 { .width-1200 {
margin: 0 auto;
max-width: 1200px; max-width: 1200px;
width: calc(100% - 4rem);
} }
main { main {