Responsiveness fixes.

Author: Seramis

_includes/partials/aside.njk

@@ -5,8 +5,6 @@ aside {
     flex-direction: column;
     align-items: flex-end;
     justify-content: flex-end;
-    margin-top: 5rem;
-    margin-bottom: 2rem;
 }
 @media(max-width: 1024px) {
 	aside {
@@ -16,11 +14,15 @@ aside {
 
 .sticky-container {
     position: sticky;
-    bottom: 5rem;
+    bottom: 3rem;
     display: flex;
     flex-direction: column;
+    gap: 2rem;
     justify-content: space-between;
-    min-height: calc(100vh - 10rem);
+    min-height: calc(100vh - 5rem);
+    
+    padding-top: 5rem;
+    padding-bottom: 2rem;
 }
 
 .aside-content {

public/css/index.css

@@ -52,6 +52,7 @@ body {
 	background-color: var(--bg-color);
 	line-height: 1.5;
 	transition: background-color 0.3s, color 0.3s;
+	padding-bottom: 5rem;
 }
 
 .flex {
@@ -131,11 +132,11 @@ blockquote {
 	width: 100%;
 	max-width: 70em;
 }
+
 .bottom-content {
 	display: flex;
 	flex-wrap: wrap;
 	margin: 0 auto;
-	margin-bottom: 5rem;
 	width: 100%;
 	max-width: 70em;
 }