From c2ffd6e26e619504de61e219e64c1262f5605e92 Mon Sep 17 00:00:00 2001
From: sophie <sofija@duck.com>
Date: Tue, 23 Jul 2024 23:16:06 +0300
Subject: [PATCH] improve mobile CSS Heavillyyy

---
 website/assets/style.css      | 15 +++++++--------
 website/scripts/blog.tsx      |  2 +-
 website/scripts/blog_page.tsx |  2 +-
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/website/assets/style.css b/website/assets/style.css
index 8234c5c..6cd7727 100644
--- a/website/assets/style.css
+++ b/website/assets/style.css
@@ -14,26 +14,25 @@ body {
   grid-template-areas:
     "one   two"
     "one    four"
-    "three   blog"
-    "three blog";
+    "three   blog";
   grid-gap: 5px;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  height: 98vh;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: repeat(25vh, 6);
 }
 @media only screen and (max-width: 600px) {
   .order {
     grid-template-areas:
       "one  "
+      "four "
       "two  "
       "blog "
-      "blog ";
+      "blog "
+      "three";
     grid-template-columns: 1fr;
   }
-  .three, .four {
-    display: none !important;
-  }
   body {
     scrollbar-width: auto !important;
+
   }
 }
 .emoji {
diff --git a/website/scripts/blog.tsx b/website/scripts/blog.tsx
index 8476ba5..1c6f2b3 100644
--- a/website/scripts/blog.tsx
+++ b/website/scripts/blog.tsx
@@ -72,7 +72,7 @@ class Main extends Component {
     }
 
     return <>
-        <h1> blog </h1>
+        <h1>blog & comments</h1>
         {() => {
           if (blogPosts) return this.list(blogPosts)
           else return <h3>Loading...</h3>
diff --git a/website/scripts/blog_page.tsx b/website/scripts/blog_page.tsx
index 870155b..8bd08e7 100644
--- a/website/scripts/blog_page.tsx
+++ b/website/scripts/blog_page.tsx
@@ -27,7 +27,7 @@ export class BlogPage extends Component {
     history.replaceState({}, "", location.pathname+"?md=" + this.metadata.filename);
 
     return <>
-      <h1> sophie's blog </h1>
+      <h1>blog & comments</h1>
       <a style="font-size:xx-large;" onClick={() => {
         pageOpen[1](undefined);
         history.replaceState({}, "", location.pathname+"?md=");