make two-column about page wider

Author: Pingping1997

assets/css/custom.css

@@ -15,17 +15,24 @@
   font-size: 20px;
 }
 
-/* Widen the layout ONLY for the about page (or others with 'wide-page' class) */
-body.wide-page .page {
-  max-width: 1500px !important;
-  width: 95%;
-}
-
-body.wide-page .page__inner-wrap {
+/* Make 2-column layout wider for the about page */
+body.wider-page .layout--split {
+  display: grid;
+  grid-template-columns: 320px 1fr;  /* wider sidebar + content */
+  column-gap: 48px; /* space between sidebar and content */
   max-width: 1400px !important;
+  width: 95% !important;
+  margin: 0 auto;
 }
 
-body.wide-page .page__content {
+/* Widen the content area */
+body.wider-page .archive, 
+body.wider-page .page__content {
   max-width: 100% !important;
   width: 100% !important;
+}
+
+/* Optional: limit super-wide paragraphs */
+body.wider-page .page__content p {
+  max-width: 1000px;
 }