diff --git a/assets/css/common/main.css b/assets/css/common/main.css
index 50022ac..22dc39c 100644
--- a/assets/css/common/main.css
+++ b/assets/css/common/main.css
@@ -1,3 +1,4 @@
+/* for home and other pages */
 .main {
     position: relative;
     min-height: calc(100vh - var(--header-height) - var(--footer-height));
@@ -5,6 +6,10 @@
     margin: auto;
     padding: var(--gap);
 }
+/* for post page */
+.main.post {
+    max-width: calc(var(--post-width) + var(--gap) * 2);
+}
 
 .page-header h1 {
     font-size: 40px;
diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css
index fd0c5ee..955b7e4 100644
--- a/assets/css/core/theme-vars.css
+++ b/assets/css/core/theme-vars.css
@@ -1,8 +1,9 @@
 :root {
     --gap: 24px;
     --content-gap: 20px;
-    --nav-width: 1024px;
+    --nav-width: 960px;
     --main-width: 720px;
+    --post-width: 800px;
     --header-height: 60px;
     --footer-height: 60px;
     --radius: 8px;
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 3d13f07..edd7809 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -14,7 +14,7 @@
 {{- end -}}
 " id="top">
     {{- partialCached "header.html" . .Page -}}
-    <main class="main">
+    <main class="main {{- if (eq .Kind `page`) -}}{{- print " post" -}}{{- end -}}">
         {{- block "main" . }}{{ end }}
     </main>
     {{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}