(apisix-website) branch feat/seo-homepage-rewrite updated: style(seo): comparison table fills its card cleanly

[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 876584a1299 style(seo): comparison table fills its card cleanly
876584a1299 is described below

commit 876584a129980a5f6e3217fb3d25c9019cf84697
Author: Ming Wen <moonbingb...@gmail.com>
AuthorDate: Mon Jun 22 16:05:11 2026 +0800

    style(seo): comparison table fills its card cleanly
    
    Use fit-content width + min-width on the value columns so the 3 columns fill
    the card with no empty right gap (table-layout:fixed left ~40px unfilled).
---
 website/src/css/landing-sections/comparison.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/website/src/css/landing-sections/comparison.scss 
b/website/src/css/landing-sections/comparison.scss
index 1dc0fe98019..566f8f84293 100644
--- a/website/src/css/landing-sections/comparison.scss
+++ b/website/src/css/landing-sections/comparison.scss
@@ -24,8 +24,8 @@
 }
 
 .compare-table {
-  width: 100%;
-  max-width: 760px;
+  width: fit-content;
+  max-width: 100%;
   margin: 0 auto;
   border-collapse: separate;
   border-spacing: 0;
@@ -73,6 +73,11 @@
   color: #e8433e;
 }
 
+.compare-col-apisix,
+.compare-col-other {
+  min-width: 160px;
+}
+
 .compare-apisix-cell {
   font-weight: 700;
   color: #1c1c1c;