From d65231791733e66458307568601fb6b479fb679a Mon Sep 17 00:00:00 2001
From: Calum H <contact@mineblock11.dev>
Date: Sun, 1 Oct 2023 18:22:58 +0000
Subject: [PATCH] Responsiveness fixes + margin/padding fixes.

---
 _sass/fabric.scss | 29 ++++++++++++++++++++++++-----
 index.md          |  6 +++---
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/_sass/fabric.scss b/_sass/fabric.scss
index 42e2b5c2..68b6be24 100644
--- a/_sass/fabric.scss
+++ b/_sass/fabric.scss
@@ -171,10 +171,28 @@ body {
 	.column {
 		display: flex;
 		flex-direction: column;
-		justify-content: space-between;
 		flex: 1;
 		padding-left: 12px;
 		padding-right: 12px;
+
+		.component-body {
+			padding-bottom: 12px;
+			margin-bottom: auto;
+		}
+
+		page-link {
+			margin-top: auto;
+		}
+	}
+
+	.showcase-image-large {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		img {
+			border-radius: 5px;
+		}
 	}
 
 	.row-heading {
@@ -182,13 +200,14 @@ body {
 		padding-left: 12px;
 	}
 
-	@media screen and (max-width: 1024px) {
-		.hide-large {
+	@media screen and (max-width: 765px) {
+		.showcase-image-large {
 			display: none !important;
 		}
 
-		.component-body {
-			min-height: 170px;
+		.row {
+			flex-direction: column !important;
+			gap: 24px;
 		}
 	}
 }
\ No newline at end of file
diff --git a/index.md b/index.md
index 1709f861..eaff78aa 100755
--- a/index.md
+++ b/index.md
@@ -6,16 +6,16 @@ layout: page
    <div class='row'>
       <div class='column'>
          <h1>What is Fabric?</h1>
-         <p>Fabric provides a cohesive platform to develop and play with Minecraft mods. Fabric's lightweight and modular design allows for greater flexibility enabling releases for stable and snapshot versions of Minecraft. The Fabric toolchain is <a href="https://github.com/FabricMC">open source</a> for everyone to use, even if you only want some of it!</p>
+         <p>Fabric provides a cohesive platform to develop and play with Minecraft mods. Fabric's lightweight and modular design allows for greater flexibility enabling releases for stable and snapshot versions of Minecraft.<br><br>The Fabric toolchain is <a href="https://github.com/FabricMC">open source</a> for everyone to use, even if you only want some of it!</p>
          <br>
          <a class="page-link page-link-download" href="/use">Download</a>
       </div>
-      <div class='column hide-large'>
+      <div class='column showcase-image-large'>
          <img src="/assets/cliffs.png" alt="">
       </div>
    </div>
    <hr>
-   <h1 class="row-heading">Core Components:</h1>
+   <h1 class="row-heading">Core Toolchain Projects</h1>
    <div class='row'>
       <div class='column'>
          <h4>Fabric API</h4>