direction responsive margins

wackerow · web-flow · commit 4b329cd748e0 · 2023-06-21T21:47:49.000+02:00
diff --git a/src/pages-conditional/eth.tsx b/src/pages-conditional/eth.tsx
@@ -121,7 +121,7 @@ export const LeftColumn = (props: ChildOnlyProp) => (
   <Box
     flex="0 0 50%"
     maxW={{ base: "full", lg: "75%" }}
-    mr={{ lg: 16 }}
+    me={{ lg: 16 }}
     {...props}
   />
 )
@@ -156,7 +156,7 @@ const Hero = (props: ChildOnlyProp) => (
     maxW="800px"
     bgSize="cover"
     bgRepeat="no-repeat"
-    ml={{ base: 0, md: 8 }}
+    ms={{ base: 0, md: 8 }}
     {...props}
   />
 )
@@ -200,7 +200,7 @@ const H4 = (props: HeadingProps) => (
 )
 
 const CardContainer = (props: FlexProps) => (
-  <Flex wrap="wrap" ml={-4} mr={-4} {...props} />
+  <Flex wrap="wrap" my={-4} {...props} />
 )
 
 const TokenCard = (props: ComponentProps<typeof HorizontalCard>) => (

Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,7 @@ export const LeftColumn = (props: ChildOnlyProp) => (`
`121`	`121`	`<Box`
`122`	`122`	`flex="0 0 50%"`
`123`	`123`	`maxW={{ base: "full", lg: "75%" }}`
`124`		`- mr={{ lg: 16 }}`
	`124`	`+ me={{ lg: 16 }}`
`125`	`125`	`{...props}`
`126`	`126`	`/>`
`127`	`127`	`)`
`@@ -156,7 +156,7 @@ const Hero = (props: ChildOnlyProp) => (`
`156`	`156`	`maxW="800px"`
`157`	`157`	`bgSize="cover"`
`158`	`158`	`bgRepeat="no-repeat"`
`159`		`- ml={{ base: 0, md: 8 }}`
	`159`	`+ ms={{ base: 0, md: 8 }}`
`160`	`160`	`{...props}`
`161`	`161`	`/>`
`162`	`162`	`)`
`@@ -200,7 +200,7 @@ const H4 = (props: HeadingProps) => (`
`200`	`200`	`)`
`201`	`201`
`202`	`202`	`const CardContainer = (props: FlexProps) => (`
`203`		`- <Flex wrap="wrap" ml={-4} mr={-4} {...props} />`
	`203`	`+ <Flex wrap="wrap" my={-4} {...props} />`
`204`	`204`	`)`
`205`	`205`
`206`	`206`	`const TokenCard = (props: ComponentProps<typeof HorizontalCard>) => (`