(apisix-website) branch feat/seo-homepage-rewrite updated: fix(seo): rebalance learning-center article layout

[wenming]

This is an automated email from the ASF dual-hosted git repository.

moonming pushed a commit to branch feat/seo-homepage-rewrite
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/feat/seo-homepage-rewrite by 
this push:
     new 9383a0b4084 fix(seo): rebalance learning-center article layout
9383a0b4084 is described below

commit 9383a0b4084f0cc3d7495eb80a6181a561f94a22
Author: Ming Wen <moonbingb...@gmail.com>
AuthorDate: Mon Jun 22 17:56:32 2026 +0800

    fix(seo): rebalance learning-center article layout
    
    Default blog layout gave the nav sidebar col--3 (25%) and the article only
    col--7 (~58%), squeezing the reading column between the sidebar and the TOC.
    Narrow the sidebar (18%) and widen the content (65%) on desktop only; mobile
    stacked layout is unchanged.
---
 website/src/css/customTheme.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/website/src/css/customTheme.scss b/website/src/css/customTheme.scss
index e12aff151cb..425a6b720cf 100644
--- a/website/src/css/customTheme.scss
+++ b/website/src/css/customTheme.scss
@@ -585,3 +585,20 @@ h3,
   }
 }
 /* stylelint-enable no-descending-specificity */
+
+/* Learning Center / blog article layout.
+   The default blog layout gives the nav sidebar col--3 (25%) and the article
+   only col--7 (~58%), squeezing the reading column between the sidebar and the
+   right-hand table of contents. Rebalance to a narrower sidebar and a wider
+   content column. Desktop only, so the mobile stacked layout stays intact. */
+@media (min-width: 997px) {
+  .blog-wrapper .container > .row > .col--3 {
+    flex: 0 0 18%;
+    max-width: 18%;
+  }
+
+  .blog-wrapper .container > .row > .col--7 {
+    flex: 0 0 65%;
+    max-width: 65%;
+  }
+}