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%;
}