From cbbe23890acfd94f2ca8c7806910a54bacc288d9 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Sat, 24 Jun 2023 14:25:05 -0400
Subject: [PATCH] Fixed mobile (mostly, just need to do navbar)

---
 src/categories.js              |  2 +-
 src/styles/Blog.module.css     | 14 +++++++++++++-
 src/styles/BlogPost.module.css |  1 +
 src/styles/Home.css            |  9 ++-------
 4 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/categories.js b/src/categories.js
index 030548b..1783122 100644
--- a/src/categories.js
+++ b/src/categories.js
@@ -8,7 +8,7 @@ export default Object.entries({
 	linux: {
 		title: "Linux",
 		description:
-			"Linux is an operating system that has existed since the 1990s, and is used extensively, from Android in your phones which is linux-based to the over 40% of websites running on linux."
+			"Linux is an operating system that has existed since the 1990s, and is used extensively, from Android in your phones (which is linux-based), to the over 40% of websites running on linux."
 	},
 	web: { title: "Web Development", description: "Web Development" },
 	bot: {
diff --git a/src/styles/Blog.module.css b/src/styles/Blog.module.css
index be7fdee..8a38c4c 100644
--- a/src/styles/Blog.module.css
+++ b/src/styles/Blog.module.css
@@ -60,6 +60,18 @@
 
 .categories {
 	display: flex;
-	gap: 0.1rem;
+	gap: 0.2rem;
 	flex-direction: column;
 }
+
+@media (max-width: 750px) {
+	.sidebar {
+		position: static;
+		width: 100%;
+		height: unset;
+	}
+
+	.container {
+		flex-direction: column;
+	}
+}
diff --git a/src/styles/BlogPost.module.css b/src/styles/BlogPost.module.css
index 8cef8c5..057dcc3 100644
--- a/src/styles/BlogPost.module.css
+++ b/src/styles/BlogPost.module.css
@@ -33,6 +33,7 @@
 	display: flex;
 	justify-content: space-between;
 	width: 100%;
+	padding-bottom: 1rem;
 }
 
 .title {
diff --git a/src/styles/Home.css b/src/styles/Home.css
index a094c39..cec025d 100644
--- a/src/styles/Home.css
+++ b/src/styles/Home.css
@@ -2,13 +2,8 @@ main > section {
 	min-height: 80vh;
 }
 
-main > section > :is(h1, h2) {
-	font-size: 2.5rem;
+main > section > h2 {
+	font-size: 3rem;
 	margin: 0;
 	text-align: center;
-	text-transform: uppercase;
-}
-
-main {
-	padding-bottom: 10rem;
 }