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

fix mobile screen issue

Browse Source
This commit is contained in:
Aravind R
2026-06-06 13:55:33 +05:30
parent 91841ba3f4
commit ab67fec091
20 changed files with 707 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -408,16 +408,19 @@ export default function EVLogisticSection() {
margin-bottom: 60px;
}
/* Base rules above use !important (flex-direction:row, the 58/42%
column widths), so these overrides MUST also use !important or the
grid never stacks and the image/text stay squished side-by-side. */
.ev-logistic-body-grid {
flex-direction: column;
gap: 50px;
flex-direction: column !important;
gap: 50px !important;
}
.ev-logistic-image-col {
flex: 1 1 100%;
max-width: 100%;
min-height: auto;
justify-content: center; /* Center layout on mobile */
flex: 1 1 100% !important;
max-width: 100% !important;
min-height: auto !important;
justify-content: center !important; /* Center layout on mobile */
}
.ev-logistic-image-wrapper {
@@ -428,8 +431,8 @@ export default function EVLogisticSection() {
}
.ev-logistic-content-col {
flex: 1 1 100%;
max-width: 100%;
flex: 1 1 100% !important;
max-width: 100% !important;
}
.ev-logistic-title {