docs: fix the overflow issue in mobile screens (#132)

raoufswe · web-flow · commit 05572e6c1b83 · 2020-10-01T10:22:17.000-06:00
diff --git a/docs/src/components/LayoutDocs.js b/docs/src/components/LayoutDocs.js
@@ -124,6 +124,7 @@ export const LayoutDocs = props => {
       <style jsx>{`
         .docs {
           min-width: calc(100% - 300px - 1rem - 200px);
+          word-wrap: break-word;
         }
       `}</style>
     </>

Original file line number	Diff line number	Diff line change
`@@ -124,6 +124,7 @@ export const LayoutDocs = props => {`
`124`	`124`	<style jsx>{`
`125`	`125`	`.docs {`
`126`	`126`	`min-width: calc(100% - 300px - 1rem - 200px);`
	`127`	`+ word-wrap: break-word;`
`127`	`128`	`}`
`128`	`129`	`}</style>
`129`	`130`	`</>`