fix mobile responsive
This commit is contained in:
@@ -49,6 +49,20 @@ const FEATURES: EVFeature[] = [
|
||||
export default function WingsFleetStrategy() {
|
||||
return (
|
||||
<div id="wings-fleet">
|
||||
{/* EVSection is shared across other pages (Workflow1/Workflow2 etc.),
|
||||
so its own .evnd-gap-bottom rule isn't touched — this override is
|
||||
scoped to #wings-fleet only, and reduces just the blank margin
|
||||
immediately before Infrastructure by ~42% (24px -> 14px) on
|
||||
mobile, matching the site's tighter mobile rhythm elsewhere. */}
|
||||
<style
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@media (max-width: 767px) {
|
||||
#wings-fleet .evnd-gap-bottom { margin-bottom: 14px !important; }
|
||||
}
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
<EVSection
|
||||
bannerImage="/images/pahse1.png"
|
||||
cardNumber="Phase 1"
|
||||
|
||||
Reference in New Issue
Block a user