hid preview on mobile

css/base.css

@@ -849,7 +849,18 @@ hr {
     font-size: 3vw;
   }
 
-  .tag_row {}
+  .full-height {
+    border: 1px solid red;
+  }
+
+  .grid-2x1 {
+    display: block;
+    width: 100%;
+  }
+
+  .grid-2x1>div:last-of-type {
+    display: none;
+  }
 }
 
 @media screen and (min-width: 993px) {

js/md_preview.js

@@ -1,7 +1,9 @@
+const largeScreenMediaQuery = window.matchMedia("(min-width: 993px)"); // Example: 768px is a common breakpoint
 const textarea = document.querySelector('textarea');
 const preview = document.getElementById('md_preview');
 
-textarea.addEventListener('input', function() {
+if (largeScreenMediaQuery.matches) {
+  textarea.addEventListener('input', function() {
     fetch('functions/preview.php', { // Create a separate preview.php file for real-time updates
       method: 'POST',
       headers: {
@@ -13,4 +15,7 @@ textarea.addEventListener('input', function() {
       .then(data => {
         preview.innerHTML = decodeURIComponent(data);
       });
-});
+  });
+} else {
+  preview.style.display = 'none';
+}