From 5e12f9dbde2aeee4c444ca11b598e800678625dd Mon Sep 17 00:00:00 2001
From: Tben <52448020+BenjaminToby@users.noreply.github.com>
Date: Fri, 11 Mar 2022 13:45:49 +0100
Subject: [PATCH] updates

---
 pages/about.jsx    | 8 ++++----
 pages/work.jsx     | 4 ++--
 styles/tw_main.css | 4 ++++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/pages/about.jsx b/pages/about.jsx
index e65b66d..cab772b 100644
--- a/pages/about.jsx
+++ b/pages/about.jsx
@@ -22,7 +22,7 @@ const about = () => {
 
             <div className='w-full h-6'></div>
 
-            <article>
+            <section>
                 <h2><TextShuffler textInput="My Web Dev Stack" /></h2>
                 <ul style={ { maxWidth: "800px" } }>
                     <li>
@@ -80,9 +80,9 @@ const about = () => {
                         </span>
                     </li>
                 </ul>
-            </article>
+            </section>
 
-            <article>
+            <section>
                 <h2><TextShuffler textInput="My UI/UX Stack" /></h2>
                 <ul style={ { maxWidth: "800px" } }>
                     <li>
@@ -128,7 +128,7 @@ const about = () => {
                         </span>
                     </li>
                 </ul>
-            </article>
+            </section>
 
 
             <div className="hero-ctas-section">
diff --git a/pages/work.jsx b/pages/work.jsx
index d522e31..fff0682 100644
--- a/pages/work.jsx
+++ b/pages/work.jsx
@@ -19,11 +19,11 @@ const about = () => {
                 <meta name="description" content="Some of my Work" />
             </Head>
             <h1><TextShuffler textInput="My Work" /></h1>
-            <span className='hero-sub-text' style={ { marginTop: "-30px", marginBottom: "20px", display: "block" } }>
+            <span className='hero-sub-text'>
                 <TextShuffler textInput="Some of my work ..." />
             </span>
 
-            <div className='portfolio-entries-block'>
+            <div className='portfolio-entries-block mt-4'>
                 { portfolioEntries.map(entry => <PortfolioEntry key={ entry.title } title={ entry.title } description={ entry.description } url={ entry.url } image={ entry.image } />) }
             </div>
             <div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
diff --git a/styles/tw_main.css b/styles/tw_main.css
index b90dd74..4ca50dd 100644
--- a/styles/tw_main.css
+++ b/styles/tw_main.css
@@ -75,6 +75,10 @@
   margin-bottom: 0.25rem
 }
 
+.mt-4 {
+  margin-top: 1rem
+}
+
 .block {
   display: block
 }