From 437a79877eb910b9df4b9adcde6aa2e14b7d9493 Mon Sep 17 00:00:00 2001
From: rei <reiballa@gmail.com>
Date: Thu, 29 Dec 2022 01:08:46 +0100
Subject: [PATCH] testing peroxy

---
 components/Navbar.tsx       | 2 +-
 content/blogs/third-blog.md | 2 +-
 layouts/MainLayout.tsx      | 2 +-
 pages/blog/index.tsx        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 5f47e2d..0ebd79c 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -13,7 +13,7 @@ export const Navbar = () => {
   const [showMenu, setShowMenu] = useState(false);
 
   return (
-    <nav className="lg:p-4 p-2 lg:py-10 mx-6 flex flex-row justify-between">
+    <nav className="p-4 mx-6 flex flex-row justify-between">
       <Link
         href="/"
         id="logo"
diff --git a/content/blogs/third-blog.md b/content/blogs/third-blog.md
index a0c4c51..3d86f16 100644
--- a/content/blogs/third-blog.md
+++ b/content/blogs/third-blog.md
@@ -1,5 +1,5 @@
 ---
-title: "My Third Blog"
+title: "My Third Blog (TEST)"
 date: 27.12.2022
 author: kookroach
 description: Short description
diff --git a/layouts/MainLayout.tsx b/layouts/MainLayout.tsx
index 1647962..57dc7a3 100644
--- a/layouts/MainLayout.tsx
+++ b/layouts/MainLayout.tsx
@@ -5,7 +5,7 @@ export const MainLayout = ({ children }: PropsWithChildren) => {
   return (
     <div className="w-11/12 lg:w-2/3 m-auto overflow-x-hidden">
       <Navbar />
-      <main className="xl:p-10 p-6 xl:mt-10 mt-4">{children}</main>
+      <main className="xl:p-10 p-6 xl:mt-10">{children}</main>
     </div>
   );
 };
diff --git a/pages/blog/index.tsx b/pages/blog/index.tsx
index abd959a..56e051c 100644
--- a/pages/blog/index.tsx
+++ b/pages/blog/index.tsx
@@ -41,7 +41,7 @@ const BlogCard = ({ blog, slug }: { blog: BasicBlogProps; slug: string }) => {
 const Blog = ({ posts }: { posts: BlogPost[] }) => {
   return (
     <MainLayout>
-      <h1 className="text-3xl font-bold mt-10">Blog</h1>
+      <h1 className="text-3xl font-bold xl:mt-10">Blog</h1>
       <div className="w-full h-0.5 bg-white/50 my-4 rounded-full" />
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
         {posts.map((post, index) => (