From 6ea2a14b5eaa8c5ca495f37783a107038a521eba Mon Sep 17 00:00:00 2001
From: Emma Dawson <emma.l.dawson@gmail.com>
Date: Sat, 24 Jun 2023 15:32:20 +0200
Subject: [PATCH 1/4] Remove top border from layout container

---
 components/Layout/Layout.module.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/Layout/Layout.module.css b/components/Layout/Layout.module.css
index 0dfab0a..2289610 100644
--- a/components/Layout/Layout.module.css
+++ b/components/Layout/Layout.module.css
@@ -2,5 +2,4 @@
   display: flex;
   max-width: 1200px;
   margin: 0 auto;
-  border-top: 3px solid var(--primary);
 }

From 8eb53db465512aa0549b294052827b78f35fc25f Mon Sep 17 00:00:00 2001
From: Emma Dawson <emma.l.dawson@gmail.com>
Date: Sat, 24 Jun 2023 15:37:49 +0200
Subject: [PATCH 2/4] Update h1 styles

---
 styles/globals.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index 5307306..e3b120a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -70,9 +70,7 @@ main {
 [hidden] {
 	display: none;
 }
-h1{
-	font-size: 2.5em;
-}
+
 h2,
 h3,
 h4,
@@ -81,6 +79,11 @@ h6 {
 	margin: 1rem 0 0 0;
 }
 
+h1{
+	font-size: 2rem;
+	margin: 0 0 1rem 0;
+}
+
 h2 {
 	font-size: 1.5rem;
 }

From d25fccf84b48e1aed5dcb680f4bed651a3be0ea2 Mon Sep 17 00:00:00 2001
From: Emma Dawson <emma.l.dawson@gmail.com>
Date: Sat, 24 Jun 2023 15:40:30 +0200
Subject: [PATCH 3/4] Fix page title for content page

---
 pages/[content].tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/[content].tsx b/pages/[content].tsx
index 065e182..eeb57fe 100644
--- a/pages/[content].tsx
+++ b/pages/[content].tsx
@@ -65,7 +65,7 @@ const ContentPage: NextPage<IProps> = ({ page }) => {
 			</Head>
 			<Layout activeNavLink={`/${page}`}>
 				<>
-					<h1>`Accessible ${title}`</h1>
+					<h1>{`Accessible ${title}`}</h1>
 					{page === "alerts" && <AlertsTemplate />}
 					{page === "animations" && <AnimationsTemplate />}
 					{page === "audio" && <AudioTemplate />}

From be0f63b2dd8071832e97adf63fdf6a00793c6afc Mon Sep 17 00:00:00 2001
From: Emma Dawson <emma.l.dawson@gmail.com>
Date: Sat, 24 Jun 2023 16:22:04 +0200
Subject: [PATCH 4/4] Adjust layout widths

---
 components/CodeBlock/CodeBlock.module.css             | 10 ++++++++--
 components/Layout/Layout.module.css                   | 11 +++++++++++
 components/TemplateSection/TemplateSection.module.css |  1 +
 styles/globals.css                                    |  6 +-----
 4 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/components/CodeBlock/CodeBlock.module.css b/components/CodeBlock/CodeBlock.module.css
index 826117f..582739d 100644
--- a/components/CodeBlock/CodeBlock.module.css
+++ b/components/CodeBlock/CodeBlock.module.css
@@ -1,7 +1,7 @@
 .CodeBlockContainer {
 	position: relative;
 	width: 90vw;
-	max-width: calc(1200px - 15rem);
+	max-width: 900px;
 }
 
 .CodeBlock {
@@ -10,7 +10,13 @@
 
 @media only screen and (min-width: 800px) {
 	.CodeBlockContainer {
-		width: 65vw;
+		width: 61vw;
+	}
+}
+
+@media only screen and (min-width: 1000px) {
+	.CodeBlockContainer {
+		width: 70vw;
 	}
 }
 
diff --git a/components/Layout/Layout.module.css b/components/Layout/Layout.module.css
index 2289610..f2a1e7a 100644
--- a/components/Layout/Layout.module.css
+++ b/components/Layout/Layout.module.css
@@ -3,3 +3,14 @@
   max-width: 1200px;
   margin: 0 auto;
 }
+
+.layoutContainer main {
+	padding: 16px;
+}
+
+@media (min-width: 800px) {
+  .layoutContainer main {
+    padding: 16px 16px 16px 48px; 
+    flex-grow: 1;   
+  }
+}
\ No newline at end of file
diff --git a/components/TemplateSection/TemplateSection.module.css b/components/TemplateSection/TemplateSection.module.css
index d294317..3bf2ecd 100644
--- a/components/TemplateSection/TemplateSection.module.css
+++ b/components/TemplateSection/TemplateSection.module.css
@@ -1,4 +1,5 @@
 .infoSection {
 	margin-top: 2rem;
 	width: 100%;
+	max-width: 850px;
 }
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index e3b120a..d4cabe8 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -50,11 +50,7 @@ a {
 	box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff;
 }
 
-main {
-	max-width: 1200px;
-	flex-grow: 1;
-	padding: 16px;
-}
+
 
 .active {
 	border-left: 3px solid var(--primary);