From 7e5c88995745d5b63773e7c1f2f3e4135cb83fb2 Mon Sep 17 00:00:00 2001
From: Mid <mrrmiddynight@gmail.com>
Date: Sat, 7 Oct 2023 02:57:40 +0200
Subject: [PATCH] Fixes

---
 src/lib/blog/Preview.svelte | 2 +-
 src/lib/home/Banner.svelte  | 2 +-
 src/lib/home/Blog.svelte    | 4 ++--
 src/routes/+page.svelte     | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/blog/Preview.svelte b/src/lib/blog/Preview.svelte
index cede239..5f19598 100644
--- a/src/lib/blog/Preview.svelte
+++ b/src/lib/blog/Preview.svelte
@@ -23,7 +23,7 @@
         <sub class="text-xs">{date}</sub>
     </a>
 {:else}
-    <a href={url} class="flex flex-col gap-2 w-[300px] relative flex-none p-3 hover:bg-opacity-50 bg-opacity-0 dark:bg-opacity-0 hover:dark:bg-opacity-50 dark:bg-black bg-white duration-200 rounded-xl">
+    <a href={url} class="flex flex-col gap-2 w-full relative flex-none p-3 hover:bg-opacity-50 bg-opacity-0 dark:bg-opacity-0 hover:dark:bg-opacity-50 dark:bg-black bg-white duration-200 rounded-xl">
         {#if image.length > 0}
             <img src={image} class="rounded-lg w-full aspect-[2/1] object-cover" alt={title} />
         {/if}
diff --git a/src/lib/home/Banner.svelte b/src/lib/home/Banner.svelte
index 83cd921..730c737 100644
--- a/src/lib/home/Banner.svelte
+++ b/src/lib/home/Banner.svelte
@@ -109,7 +109,7 @@
 	</div>
 
 	<div class="flex h-full w-full @4xl:p-20 gap-20 p-5 z-10">
-		<div class="flex items-start @7xl:block hidden">
+		<div class="items-start @7xl:block hidden z-10">
 			<img
 				src={randomBannerPic}
 				alt="mid"
diff --git a/src/lib/home/Blog.svelte b/src/lib/home/Blog.svelte
index 40eb6cf..c426c42 100644
--- a/src/lib/home/Blog.svelte
+++ b/src/lib/home/Blog.svelte
@@ -40,7 +40,7 @@
 </script>
 
 {#if posts.length > 0}
-    <section class="relative container flex flex-col gap-5 lg:gap-20 py-20">
+    <section class="relative container flex flex-col gap-5 lg:gap-20 pt-20 lg:pb-20">
         <div class="absolute top-0 -mt-40" id="blog"></div>
 
         <h2 class="text-center w-full text-4xl lg:text-6xl tracking-[0.2em] lg:tracking-[1em] font-bold">&lt;-- BLOG --&gt;</h2>
@@ -54,7 +54,7 @@
             {#if posts.length == 1}
                 <p class="p-10 text-sm opacity-50">No more posts to show...</p>
             {:else}
-                <div class="grid grid-flow-col grid-rows-2 grid-cols-3 w-full gap-5">
+                <div class="grid grid-flow-col lg:grid-rows-2 grid-cols-1 lg:grid-cols-3 w-full gap-5">
                     {#each posts as post, key}
                         {#if key != 0}
                             <Preview url={post.url} title={post.title} date={post.date} image={post.image} featured={false} isNew={post.isNew} />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4558db9..865f21b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -20,7 +20,7 @@
 
 	<div class="bg-gray-200 dark:bg-gray-800" style="height: 150px; overflow: hidden;"><svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 100%; width: 100%;"><path d="M-65.62,-22.99 C146.87,168.99 238.74,166.00 589.37,-22.99 L543.74,181.99 L0.00,150.00 Z" style="stroke: none; fill: rgb(58, 83, 255);"></path></svg></div>
 
-	<div class="bg-[#3A53FF] pt-20">
+	<div class="bg-[#3A53FF] lg:pt-20">
 		<Portfolio/>
 	</div>