Merge pull request #12 from revolter/fix/markdown-preview-issues

Fixed long Markdown preview lines breaking the layout

Author: revolter

_sass/minima/custom-styles.scss

@@ -36,11 +36,6 @@ html {
 body {
     height: 100%;
 
-    code {
-        text-wrap-mode: wrap;
-        word-wrap: anywhere;
-    }
-
     .page-content {
         display: flex;
 
@@ -103,16 +98,21 @@ body {
                         @include relative-font-size(1);
                     }
 
-                    .markdown-preview {
+                    #markdown-preview {
                         border-style: solid;
                         border-width: 1px;
 
                         @media not screen and (min-width: $on-laptop) {
                             overflow: auto;
                         }
+
+                        * {
+                            text-wrap-mode: wrap;
+                            word-wrap: anywhere;
+                        }
                     }
 
-                    textarea, .markdown-preview {
+                    textarea, #markdown-preview {
                         flex-grow: 1;
                         flex-basis: 0;
 

index.html

@@ -39,7 +39,7 @@
 
 <div class="content">
     <textarea id="{{ textarea_id }}" placeholder="{{ textarea_placeholder }}" autofocus></textarea>
-    <div id="{{ markdown_preview_id }}" class="markdown-preview"></div>
+    <div id="{{ markdown_preview_id }}"></div>
 </div>
 
 <script>