diff --git a/layouts/index.html b/layouts/index.html index e0c66b6..8e1b69a 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -5,11 +5,7 @@ <body> {{partial "header" .}} <main> - {{partial "side1" .}} - <section id="content"> - {{.Content}} - </section> - {{partial "side2" .}} + {{.Content}} </main> {{partial "footer" .}} {{partial "spritesheet" .}} diff --git a/static/css/theme.css b/static/css/theme.css index 2a63091..97cc34f 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -37,12 +37,10 @@ footer { } main { - display:grid; - grid-template-areas: - "side1 content side2"; - grid-template-columns: 1fr 3fr 1fr; + display:flex; + flex-direction: column; + align-items: center; max-width:100vw; - justify-items: center; gap:20px; } header{ @@ -55,21 +53,7 @@ header{ #side2{grid-area: side2;} footer{grid-area: footer;} @media screen and (orientation:portrait) { - main { - display:grid; - grid-template-areas: - "content" - "side1" - "side2"; - grid-template-columns: 1fr; - grid-template-rows: auto; - } - header{ - grid-area: header; - } - #content { - grid-area: content; - } + #side1{grid-area: side1;} #side2{grid-area: side2;} footer{grid-area: footer;} @@ -240,6 +224,25 @@ article { font-family: Verdana, Geneva, Tahoma, sans-serif; } +main>p, +main>h2, +main>h3, +main>h4, +main>.gallery, +main>blockquote{ + max-width:90vw; + width:60rem; + margin-left:5px; + margin-right:5px; + margin-top:unset; + margin-bottom:unset; + font-size:18px; +} + +main>blockquote{ + width:50rem; +} + article img { max-width: 90%; }