From 32c7b066a2ae26a951b2e6c6898bbdf47984d5ac Mon Sep 17 00:00:00 2001
From: Matthew Grove <matthew@grove.gq>
Date: Thu, 6 Dec 2018 11:13:44 +0000
Subject: [PATCH] Update GCSE CS blog

---
 computer-science-blog/css/main.css    | 24 ++++++++++++++++++++++++
 computer-science-blog/pages/blog.html |  5 ++++-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/computer-science-blog/css/main.css b/computer-science-blog/css/main.css
index bd39067..52bf73e 100644
--- a/computer-science-blog/css/main.css
+++ b/computer-science-blog/css/main.css
@@ -2,4 +2,28 @@
 iframe {
 	width: 100%;
 	border: none;
+}
+.mdc-top-app-bar--fixed-adjust {
+	text-align: left;
+	margin: 0 15%;
+}
+@media screen and (max-width: 1000px) {
+	.mdc-top-app-bar--fixed-adjust {
+		margin: 0 10%;
+	}
+}
+@media screen and (max-width: 800px) {
+	.mdc-top-app-bar--fixed-adjust {
+		margin: 0 5%;
+	}
+}
+@media screen and (max-width: 600px) {
+	.mdc-top-app-bar--fixed-adjust {
+		margin: 0 2%;
+	}
+}
+@media screen and (max-width: 400px) {
+	.mdc-top-app-bar--fixed-adjust {
+		margin: 0 1%;
+	}
 }
\ No newline at end of file
diff --git a/computer-science-blog/pages/blog.html b/computer-science-blog/pages/blog.html
index 6071600..d7b9d86 100644
--- a/computer-science-blog/pages/blog.html
+++ b/computer-science-blog/pages/blog.html
@@ -26,10 +26,12 @@
 				</li>
 				<li>
 					JS files are linked by using the following code:
+					<br>
 					<code>&lt;script type="text/javascript" src="scripts/scripts.js"&gt;&lt;/script&gt;</code>
 				</li>
 				<li>
 					Adding the date when the window loads:
+					<br>
 					<code>
 						// onload of window
 						<br>
@@ -38,10 +40,11 @@
 				</li>
 				<li>
 					Ternary operators work by using:
+					<br>
 					<code>[condition] ? [value if true] : [value if false]</code>
 				</li>
 				<li>The later a CSS file is imported, the more power it has over the document - i.e. the last stylesheet imported will overwrite the styling in all of the other stylesheets.</li>
-				<li>To add another page, one can use an <code>&lt;iframe&gt;</code></li>
+				<li>To add another page, one can use an <code>&lt;iframe&gt;</code> or the jQuery <code>.load()</code> method.</li>
 			</ul>
 		</p>
 	</body>