Fixed mobile (mostly, just need to do navbar)

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: {

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

src/styles/BlogPost.module.css

@@ -33,6 +33,7 @@
 	display: flex;
 	justify-content: space-between;
 	width: 100%;
+	padding-bottom: 1rem;
 }
 
 .title {

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