Update GCSE CS blog

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%;
+	}
 }

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>