From 428be700e35c7b05c58487fc5b8a9a03c24ce800 Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 15:18:45 +0100
Subject: [PATCH] validated blog

---
 blog/blog.css  |  4 ++++
 blog/blog.html | 28 ++++++----------------------
 2 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/blog/blog.css b/blog/blog.css
index 0fc6024..2efa785 100644
--- a/blog/blog.css
+++ b/blog/blog.css
@@ -35,6 +35,10 @@
     gap: 1em;
 }
 
+.blog > h2 {
+    padding-top: 50em;
+}
+
 .blog_post#first:focus-within {
     transform: scale(180%, 180%) translate(20em, 6em);
     transition: transform 1s;
diff --git a/blog/blog.html b/blog/blog.html
index a57111a..9a7668e 100644
--- a/blog/blog.html
+++ b/blog/blog.html
@@ -32,10 +32,10 @@
 
     <main>
         <a class="shownav" href="blog/blog.html#clicked"></a>
-        <section class="blog">
+        <div class="blog">
             <section class="blog_post" id="first">
                 <button class="arrow"></button>
-                <h1 class="blog_title">Binary to Denary Conversions</h1>
+                <h2 class="blog_title">Binary to Denary Conversions</h2>
                 <img class="blog_image" src="assets/blog/images/first.png" alt="Binary Conversion Table"/>
                 <p class="blog_content">The image above is an example of a table we can use to convert <span class="moreInfo">8-bit binary numbers<span class="extraInfo">referred to as bytes</span></span> to denary.
                     Each individual bit is put into each column in the same order as written. Any columns with a 1 should have their values added together. 
@@ -51,7 +51,7 @@
             </section>
             <section class="blog_post" id="second">
                 <button class="arrow"></button>
-                <h1 class="blog_title">Binary Addition</h1>
+                <h2 class="blog_title">Binary Addition</h2>
                 <img class="blog_image" src="assets/blog/images/second.jpg" alt="Example of Binary Addition using Long Addition"/>
                 <p class="blog_content">In primary school we are taught to use long addition to sum numbers on paper. The practice relies on the concept of carrying digits to
                     other columns when the simple addition excedes 10. We can use the same technique to add binary numbers just instead of carrying when
@@ -61,7 +61,7 @@
             </section>
             <section class="blog_post" id="third">
                 <button class="arrow"></button>
-                <h1 class="blog_title">Binary Subtraction Using 2's Complement</h1>
+                <h2 class="blog_title">Binary Subtraction Using 2's Complement</h2>
                 <img class="blog_image" src="assets/blog/images/third.jpg" alt="Example of 2's Complement"/>
                 <p class="blog_content">Subtraction in binary is a little hard as it is not as intuitive as the addition. To subtract two binary numbers we use a method known as
                     2's complement. 2's complement is a way of expressing a binary number as a negative. After doing this conversion, you can just add the two
@@ -72,7 +72,7 @@
             </section>
             <section class="blog_post" id="fourth">
                 <button class="arrow"></button>
-                <h1 class="blog_title">Binary  to Hexadecimal Conversions</h1>
+                <h2 class="blog_title">Binary  to Hexadecimal Conversions</h2>
                 <img class="blog_image" src="assets/blog/images/fourth.png" alt="Denary to Hexadecimal Conversion Table"/>
                 <p class="blog_content">Hexadecimal is another base system used in programming. Just like binary and denary hexadecimal creates a new column when it's 
                     <span class="moreInfo">limit<span class="extraInfo">15</span></span> is reached. However, as the base system is higher than our <span class="moreInfo">standard system<span class="extraInfo">denary</span></span>, we use <span class="moreInfo">letters<span class="extraInfo">A-F</span></span> to express the 
@@ -86,23 +86,7 @@
                 <p class="blog_details"></p>
                 
             </section>
-            <section class="blog_post" id="fifth">
-                <button class="arrow"></button>
-                <h1 class="blog_title">Software Life Cycle</h1>
-                <img class="blog_image" src="" alt="Image"/>
-                <p class="blog_content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste mollitia repellat, possimus nesciunt aspernatur quisquam doloremque! Illo, debitis distinctio, nostrum voluptatum possimus minus odio quaerat quia fugit maiores porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quas recusandae dolorum sunt porro vero, temporibus nesciunt cum, sint iure quis suscipit dignissimos maiores cumque debitis nihil, eveniet dolores nemo.</p>
-                <p class="blog_details"></p>
-                
-            </section>
-            <section class="blog_post" id="sixth">
-                <button class="arrow"></button>
-                <h1 class="blog_title">Requirements Engineering- Why do we need it?</h1>
-                <img class="blog_image" src="" alt="Image"/>
-                <p class="blog_content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste mollitia repellat, possimus nesciunt aspernatur quisquam doloremque! Illo, debitis distinctio, nostrum voluptatum possimus minus odio quaerat quia fugit maiores porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quas recusandae dolorum sunt porro vero, temporibus nesciunt cum, sint iure quis suscipit dignissimos maiores cumque debitis nihil, eveniet dolores nemo.</p>
-                <p class="blog_details"></p>
-                
-            </section>
-        </section>
+        </div>
     </main>
 
     <footer>