From ff94ce76ab5ffb99a94a096f900a47228ec8291e Mon Sep 17 00:00:00 2001
From: adin234a <adinbautista@gmail.com>
Date: Fri, 18 Oct 2019 21:15:53 +0800
Subject: [PATCH] Resources: very long links and wide images break mobile

---
 src/components/Markdown/styles.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Markdown/styles.tsx b/src/components/Markdown/styles.tsx
index 5c5da7d..f2fb2b4 100644
--- a/src/components/Markdown/styles.tsx
+++ b/src/components/Markdown/styles.tsx
@@ -96,6 +96,10 @@ export const MarkdownWrapper = styled.div`
     padding: 0;
   }
 
+  img {
+    max-width: 100%;
+  }
+
   pre[class*="language-"] {
     .token.boolean,
     .token.number,
@@ -119,6 +123,7 @@ export const MarkdownWrapper = styled.div`
   }
 
   a {
+    word-break: break-all;
     color: ${props => props.theme.main.link};
     cursor: pointer;