From 6d2cc3b99622e761d33fd4b175d8e5c4e0753423 Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Mon, 25 Dec 2023 20:06:16 +0100
Subject: [PATCH] Small optimizations

---
 package.json                   |  2 +-
 src/layouts/aboutSection.astro | 20 +++++++++++++++-----
 src/layouts/blogSection.astro  |  3 +++
 src/pages/about.astro          |  8 ++++----
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 3ff968f..41def1f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.1.10",
+	"version": "0.1.11",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
diff --git a/src/layouts/aboutSection.astro b/src/layouts/aboutSection.astro
index cd89b5e..04465ad 100644
--- a/src/layouts/aboutSection.astro
+++ b/src/layouts/aboutSection.astro
@@ -15,15 +15,19 @@ const { title } = Astro.props
 
 <style>
   h1 {
-    font-size: 26px;
-    line-height: 32px;
+    font-size: 40px;
+    line-height: 48px;
     letter-spacing: -1px;
     color: white;
-    margin: 0.5rem 0.75rem 0.5rem 0.75rem;
+    font-size: 2.25rem;
+    margin-top: 1rem;
+    margin-bottom: 0;
+    margin-left: auto;
+    margin-right: auto;
     padding: 0.25rem 0.75rem;
-    width: max-content;
+    max-width: max-content;
     background-color: var(--c-darkgray);
-    padding: 0.25rem 1rem;
+    padding: 0.25rem 1.5rem;
     border-radius: 0.5rem;
     padding-bottom: 0.5rem;
   }
@@ -61,4 +65,10 @@ const { title } = Astro.props
       justify-content: left;
     }
   }
+
+  @media (min-width: 520px) {
+    h1 {
+      margin: 0.5rem 0.75rem 0.5rem 0.75rem;
+    }
+  }
 </style>
diff --git a/src/layouts/blogSection.astro b/src/layouts/blogSection.astro
index 9855446..f6084bc 100644
--- a/src/layouts/blogSection.astro
+++ b/src/layouts/blogSection.astro
@@ -83,6 +83,9 @@ const { title } = Astro.props
     .line {
       margin-left: 2.1rem;
     }
+    h1 {
+      margin-left: 3rem;
+    }
   }
   @media (min-width: 1500px) {
     .wrapper {
diff --git a/src/pages/about.astro b/src/pages/about.astro
index da9ce4b..bc59882 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -23,15 +23,15 @@ const description =
     This is a small sideproject that I'm creating. First time doing webdev in
     general, and first project using Typescript.
   </AboutSection>
-  <AboutSection title="Technologies used">
+  <ContactSection title="Technologies used">
     {technologydata.map((item) => <TechnologyCard {...item} />)}
-  </AboutSection>
+  </ContactSection>
   <ContactSection title="Contact me">
     {contactdata.map((item) => <ContactCard {...item} />)}
   </ContactSection>
-  <AboutSection title="Disclaimers">
+  <ContactSection title="Disclaimers">
     <CustomFooter />
-  </AboutSection>
+  </ContactSection>
 </Layout>
 
 <style></style>