core: Fix responsivity issue #802 (#1329)

kenshanta · web-flow · commit 87802b0698a2 · 2024-10-25T12:03:05.000-07:00
Enabling responsive design on smaller screens by adding the `word-break` CSS property. ## References Fixes #802
diff --git a/src/mdx/components.js b/src/mdx/components.js
@@ -179,7 +179,7 @@ export const UnorderedList = styled.ul`
   }
 
   li {
-    word-wrap: break-all;
+    word-break: break-all;
   }
 
   li > p {

Original file line number	Diff line number	Diff line change
@@ -179,7 +179,7 @@ export const UnorderedList = styled.ul`
`179`	`179`	`}`
`180`	`180`
`181`	`181`	`li {`
`182`		`- word-wrap: break-all;`
	`182`	`+ word-break: break-all;`
`183`	`183`	`}`
`184`	`184`
`185`	`185`	`li > p {`