From 83d461ad71c00fdb3332df0481435549f2b90d39 Mon Sep 17 00:00:00 2001
From: Cailean Finn <Caileannn@gmail.com>
Date: Fri, 26 Jul 2024 10:51:54 +0100
Subject: [PATCH] mobile friendly

---
 static/assets/styles.css | 43 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 39 insertions(+), 4 deletions(-)

diff --git a/static/assets/styles.css b/static/assets/styles.css
index 521207f..0c90c37 100644
--- a/static/assets/styles.css
+++ b/static/assets/styles.css
@@ -501,6 +501,42 @@ body {
 
   /* Mobile */
   @media screen and (max-width: 1024px){
+	.section-img img{
+		height: 200px;
+	}
+
+	.pub-section-cont {
+		padding: 0;
+		padding-right: 10px;
+		padding-bottom: 20px;
+		margin-left: 20px;
+	}
+
+	.pub-section-cont p {
+		font-size: 15px;
+	}
+
+	.pub-section-cont h1 {
+		font-size: 40px;
+	}
+
+	.pub-section {
+		width: 100%;
+	}
+
+	.content-cont .article-cont a {
+		font-size: 14px;
+	}
+
+	#subscribe-button {
+		font-size: 20px;
+		bottom: 10px;
+		right: 10px;
+		padding: 10px;
+		background-color: black;
+		color: white;
+	}
+
     .nav-cont {
 		flex-direction: column;
 	}
@@ -519,6 +555,9 @@ body {
 
 	.header-title {
 		width: 100%;
+		justify-content: center;
+		padding-left: 0;
+		padding-right: 0;
 	}
 
 	.section-cont {
@@ -538,16 +577,12 @@ body {
 
 	.section-group {
 		padding-bottom: 0px;
-		height: 50vh;
-		overflow-x: scroll;
 		display: flex;
 		flex-direction: row;
-		overflow-y: hidden;
 	}
 
 	.section-object {
 		padding-bottom: 0px;
-		min-width: 100vw;
 	}
 
 	.article-cont {