Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix intelligence grid

Browse Source
This commit is contained in:
Aravind R
2026-06-05 16:17:46 +05:30
parent 7fb97a9ca6
commit 2f23f16634
8 changed files with 83 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/sections/IntelligenceGrid.tsx
View File

@@ -253,12 +253,15 @@ export default function IntelligenceGrid() {
.roadmap-hero-section {
position: relative;
background: #09090b !important;
/* Stay WIDE and immersive — span nearly the full viewport, inset only
by the site's standard left/right gutter (40px desktop, 32/24 on
smaller screens) so the dark band never touches the viewport edge.
No narrow max-width: the roadmap timeline + 4 milestone cards keep
the large content area. Auto margins keep the gutters equal. */
width: calc(100% - 80px);
/* Match the site-wide wide-band gutter EXACTLY. Measured against the
footer band (#b29b8fc) and the sibling "Women" band
(#women-entrepreneurship), both of which sit at a 20px left/right
gutter. The parent (#bbc6760) contributes no padding here (the
vendor padding vars resolve to 0), so the band carries the 20px
gutter itself via calc(100% - 40px) + auto margins:
at a 1910px viewport this renders left:20 right:1890 width:1870,
identical to the footer band. */
width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
border-radius: 24px;
@@ -693,7 +696,7 @@ export default function IntelligenceGrid() {
/* Responsive Constraints */
@media (max-width: 1024px) {
.roadmap-hero-section {
width: calc(100% - 64px); /* 32px gutter */
width: calc(100% - 40px); /* keep the 20px site-standard band gutter */
padding: 80px 24px;
}
@@ -709,7 +712,7 @@ export default function IntelligenceGrid() {
@media (max-width: 768px) {
.roadmap-hero-section {
width: calc(100% - 48px); /* 24px gutter */
width: calc(100% - 40px); /* keep the 20px site-standard band gutter */
padding: 60px 16px;
}