From 253848866649afd55622bf6bd7126cd7f150a13d Mon Sep 17 00:00:00 2001
From: rmc <lillianskinner519@gmail.com>
Date: Sun, 26 Nov 2023 03:29:09 -0500
Subject: [PATCH] Fully mobile friendly content pages

---
 _includes/devcsv.html | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/_includes/devcsv.html b/_includes/devcsv.html
index c9afe51..eb7b975 100644
--- a/_includes/devcsv.html
+++ b/_includes/devcsv.html
@@ -34,11 +34,9 @@ function warnFaketad() {
 <style>
 .devcsv-container {
   display: grid;
-  grid-template-columns: auto auto;
-  grid-template-rows:;
+  grid-template-columns: 30% auto;
   grid-column-gap: 0px;
   grid-row-gap: 0px;   gap: 10px;
-  padding: 10px;
   border: 2px solid yellow;
   font-size: 15px;
 }
@@ -46,6 +44,19 @@ function warnFaketad() {
 .devcsv-info { grid-area: 2 / 1 / 3 / 2; }
 .devcsv-info2 { grid-area: 2 / 2 / 3 / 3;margin-top: -41px; }
 .devcsv-download { grid-area: 1 / 3 / 3 / 4; } 
+
+@media only screen and (min-width: 1000px) {
+  .devcsv-container {
+    grid-template-columns: auto;
+    padding: 5px;
+    border: 2px solid yellow;
+    font-size: 1vw;
+  }
+  .devcsv-preview-container { grid-area: 1 / 1 / 2 / 2; }
+  .devcsv-info { grid-area: 2 / 1 / 3 / 2; }
+  .devcsv-info2 { grid-area: 3 / 1 / 4 / 2;margin-top: -41px; }
+  .devcsv-download { grid-area: 4 / 1 / 5 / 2; } 
+}
 </style>
 
 
@@ -65,7 +76,7 @@ function warnFaketad() {
   </div>
 
   <div class="devcsv-download">
-  <table class="devcsv-table" style="font-size:15px;">
+  <table class="devcsv-table">
   <tr>
     <th style="text-align: left;"><u><b>Downloads:</b></u></th>
   <tr>