Improve Mobile Friendlyness + Accessibility (#5)
All checks were successful
ci/woodpecker/push/hugo-build Pipeline was successful

Reviewed-on: #5
Co-authored-by: vrifox <vrifox@vrifox.cc>
Co-committed-by: vrifox <vrifox@vrifox.cc>
This commit is contained in:
Vri 🌈 2023-07-29 21:02:58 +02:00 committed by Vri 🌈
parent 99bb2f9df2
commit f08b98f394
2 changed files with 6 additions and 2 deletions

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 {

View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="de">
<head> <head>
{{ partial "head.html" . }} {{ partial "head.html" . }}