mobile scaling

vorant94 · Sep 24, 2023 · 950fe26 · 950fe26
1 parent 8382e6f
commit 950fe26
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -22,3 +22,6 @@ pnpm-debug.log*
 
 .idea
 .vscode
+
+src/content/.obsidian
+src/content/templates
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -3,7 +3,7 @@ import '@fortawesome/fontawesome-free/css/fontawesome.css';
 import '@fortawesome/fontawesome-free/css/solid.css';
 ---
 
-<footer class="flex flex-row-reverse py-4 border-t gap-1">
+<footer class="flex flex-row-reverse gap-1 items-center p-4 border-t">
   <a href="/rss.xml"
      target="_blank">
     <i class='fa-solid fa-rss fa-lg'></i>

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -25,7 +25,7 @@ const socialLinks: SocialLink[] = [
 ];
 ---
 
-<header class="flex py-4 border-b items-center">
+<header class="flex gap-1 items-center p-4 border-b">
   <nav>
     <a href="/">
       <Image src={logo} alt="Logo" height="24"/>

diff --git a/src/content/posts/_what's-in-my-raspberry-pi.md b/src/content/posts/_what's-in-my-raspberry-pi.md
@@ -0,0 +1,8 @@
+---
+title: 
+description: 
+tags: 
+platforms: 
+publishedAt:
+---
+### Section title
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -16,14 +16,15 @@ if(Astro.props.title) {
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
 		<title>{title}</title>
 	</head>
-	<body class="flex flex-col max-w-2xl mx-auto gap-4 min-h-screen">
+	<body class="flex flex-col min-h-screen mx-auto md:max-w-md lg:max-w-lg xl:max-w-xl 2xl:max-w-2xl">
 
 	<Header />
 
-	<main class="flex-1">
+	<main class="flex-1 p-4">
 		<slot />
 	</main>
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,3 +22,6 @@ pnpm-debug.log* @@
     .idea
     .vscode
+    src/content/.obsidian
+    src/content/templates