fix(documentation-page): page margin in mobile screen

vtexdocs · Jun 29, 2022 · d2d5c13 · d2d5c13
1 parent 549948d
commit d2d5c13
Show file tree

Hide file tree

Showing 3 changed files with 5,437 additions and 5,517 deletions.
diff --git a/src/components/see-also-section/styles.ts b/src/components/see-also-section/styles.ts
@@ -2,7 +2,7 @@ import { SxStyleProp } from '@vtex/brand-ui'
 
 const seeAlsoContainer: SxStyleProp = {
   maxWidth: ['324px', '544px', '544px', '544px', '544px', '720px'],
-  margin: ['auto', 'initial'],
+  mx: ['18px', 'initial'],
 }
 
 const sectionTitle: SxStyleProp = {

diff --git a/src/styles/documentation-page.ts b/src/styles/documentation-page.ts
@@ -17,8 +17,8 @@ const articleBox: SxStyleProp = {
 }
 
 const contentContainer: SxStyleProp = {
-  width: ['322px', '544px', '544px', '544px', '544px', '720px'],
-  margin: ['auto', 'initial'],
+  width: ['auto', '544px', '544px', '544px', '544px', '720px'],
+  mx: ['18px', 'initial'],
 }
 
 const rightContainer: SxStyleProp = {