From c2030c880691722f40622dd5b69bb9b76eeee2ae Mon Sep 17 00:00:00 2001
From: ebby <ebbyplay@proton.me>
Date: Tue, 28 Jul 2026 12:15:01 +0200
Subject: [PATCH] changes regarding mobile view

---
 blog/src/components/Header.astro           | 18 ++++++++++++++----
 blog/src/components/PostPreviewLarge.astro | 20 +++++++++++++++-----
 blog/src/layouts/Grid.astro                |  3 ---
 blog/src/styles/global.css                 |  1 +
 4 files changed, 30 insertions(+), 12 deletions(-)
 delete mode 100644 blog/src/layouts/Grid.astro

diff --git a/blog/src/components/Header.astro b/blog/src/components/Header.astro
index c062fb4..ec055f1 100644
--- a/blog/src/components/Header.astro
+++ b/blog/src/components/Header.astro
@@ -14,9 +14,9 @@
 </header>
 
 <style>
-    * {
-        color: var(--primary-text);
-    }
+  * {
+    color: var(--primary-text);
+  }
 
   header {
     padding: 24px;
@@ -39,7 +39,6 @@
   nav {
     width: 100%;
     display: flex;
-    flex-direction: row;
     align-items: center;
     justify-content: space-between;
   }
@@ -48,6 +47,17 @@
     font-size: 1.5rem;
     padding-left: 16px;
     color: var(--primary-text);
+    width: fit-content;
+  }
+
+  .nav-left {
+  }
+
+  .nav-right {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    
   }
 
   .nav-right > a {
diff --git a/blog/src/components/PostPreviewLarge.astro b/blog/src/components/PostPreviewLarge.astro
index 430fc8c..e88ce16 100644
--- a/blog/src/components/PostPreviewLarge.astro
+++ b/blog/src/components/PostPreviewLarge.astro
@@ -16,11 +16,7 @@ const img = findImageByPath(post.image.path);
 <a href={url} class="no-link-link">
   <div class="wide-container">
     <div class="image-col col rounded">
-      <Image
-        src={img}
-        alt={post.image.alt}
-        layout="constrained"
-      />
+      <Image src={img} alt={post.image.alt} layout="constrained" />
     </div>
     <div class="text-col col">
       <div class="top-info">
@@ -77,4 +73,18 @@ const img = findImageByPath(post.image.path);
     justify-content: space-between;
     margin-bottom: 16px;
   }
+
+  @media only screen and (max-width: 800px) {
+    .wide-container {
+      flex-direction: column;
+    }
+
+    .col {
+      width: 100%;
+    }
+
+    .image-col img {
+      position: static;
+    }
+  }
 </style>
diff --git a/blog/src/layouts/Grid.astro b/blog/src/layouts/Grid.astro
deleted file mode 100644
index 890703d..0000000
--- a/blog/src/layouts/Grid.astro
+++ /dev/null
@@ -1,3 +0,0 @@
----
-
----
\ No newline at end of file
diff --git a/blog/src/styles/global.css b/blog/src/styles/global.css
index cd397f7..368cda5 100644
--- a/blog/src/styles/global.css
+++ b/blog/src/styles/global.css
@@ -18,6 +18,7 @@ body {
     flex-direction: column;
     flex: 1;
     padding: 0;
+    min-width: 380px;
 }
 
 .nav-link {