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

fix padding gap

Browse Source
This commit is contained in:
Aravind R
2026-06-05 13:58:14 +05:30
parent 3a16bf9267
commit 7fb97a9ca6
50 changed files with 19296 additions and 142142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -252,8 +252,16 @@ export default function IntelligenceGrid() {
/* Buttery-Smooth Hardware-Accelerated 3D AI Logistics Timeline Styles */
.roadmap-hero-section {
position: relative;
background: #09090b !important;
width: 100%;
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);
margin-left: auto;
margin-right: auto;
border-radius: 24px;
padding: 100px 40px;
box-sizing: border-box;
font-family: 'Manrope', sans-serif;
@@ -299,7 +307,9 @@ export default function IntelligenceGrid() {
}
.roadmap-hero-section .container {
max-width: 1320px;
/* Fill the wide section so the timeline + cards span most of the
available width (no narrow content cap). */
max-width: 100%;
width: 100%;
margin: 0 auto;
position: relative;
@@ -683,6 +693,7 @@ export default function IntelligenceGrid() {
/* Responsive Constraints */
@media (max-width: 1024px) {
.roadmap-hero-section {
width: calc(100% - 64px); /* 32px gutter */
padding: 80px 24px;
}
@@ -698,6 +709,7 @@ export default function IntelligenceGrid() {
@media (max-width: 768px) {
.roadmap-hero-section {
width: calc(100% - 48px); /* 24px gutter */
padding: 60px 16px;
}