fix(header): drop card container gutter so header spans content width

The global .container is padding-free at >=992px (1200px dual-column
geometry), but the header slider card container re-added 15px side
padding, visibly insetting the icon cards ~15px per side relative to
the main content below. Zibll keeps header and content boxes equal by
sharing one container model; drop the local gutter so AKSRT does the
same. Mobile keeps its 15px via the <=991.98px media rule.
This commit is contained in:
2026-09-19 17:43:47 +08:00
parent 3d5bd6fb8b
commit 4dafe96c4b
3 changed files with 5 additions and 16 deletions
+4 -7
View File
@@ -96,13 +96,10 @@ main.container,
--bs-gutter-y: 0;
}
/* Header multifunc icon cards need horizontal gutter (legacy content rows).
* Global .container padding is 0 for dual-column float math. */
.header-slider-card.container {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
/* Header multifunc icon cards must align with the main content edges:
* the global .container is padding-free at >=992px (dual-column float
* math), so the card container gets no extra gutter either. The
* <=991.98px media rule below restores 15px for every .container. */
/* Header multifunc icon cards: pin typography baseline so cards render
* identically on all pages. .px12-sm is only defined globally in