Merge branch 'main' of ssh://git.peroxy.dev:222/renttrent/peroxy_site

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"

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

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>
   );
 };

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) => (