From e3a7c7ef82c9260c8195f9bdd1825cef3a0a14ac Mon Sep 17 00:00:00 2001
From: Arne Vlaeminck <arne@cptarn.com>
Date: Mon, 3 Feb 2025 20:18:48 +0100
Subject: [PATCH] Fixed stylings

---
 src/app/app.component.scss               |  2 +-
 src/app/footer/footer.component.scss     |  6 ++++--
 src/app/header/header.component.scss     |  5 +++--
 src/app/hero/hero.component.html         |  4 +++-
 src/app/hero/hero.component.scss         | 12 ++++++++++--
 src/app/services/services.component.html |  2 +-
 src/app/services/services.component.scss |  7 ++++++-
 7 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index f484bb1..b9525d1 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -9,6 +9,6 @@
 
 @media screen and (max-width: variables.$breakpoint) {
   .wrapper {
-    padding: 0 2rem;
+    padding: 0 3rem;
   }
 }
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
index b97e496..f529b95 100644
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -1,15 +1,17 @@
 @use "../../variables.scss" as variables;
 
 :host {
+  font-weight: 400;
   color: #ffffff;
-  font-style: italic;
   padding-bottom: 5rem;
   position: relative;
-  top: 5rem;
+  top: 2rem;
 }
 
 h2 {
   font-family: "Jost";
+  font-style: italic;
+  font-weight: 500;
 }
 
 .contact {
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
index 33bf383..8d87254 100644
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -1,7 +1,7 @@
 @use "../../variables.scss";
 
 :host {
-  border-bottom: 1px solid #fff;
+  border-bottom: 2px solid #fff;
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -22,6 +22,7 @@ img {
     text-decoration: none;
     align-content: center;
     font-family: "Jost";
+    font-size: 2rem;
   }
 }
 
@@ -32,7 +33,7 @@ img {
   }
 
   :host {
-    border-top: 1px solid #fff;
+    border-top: 2px solid #fff;
   }
 
   .menu {
diff --git a/src/app/hero/hero.component.html b/src/app/hero/hero.component.html
index ae2f1fa..92831cf 100644
--- a/src/app/hero/hero.component.html
+++ b/src/app/hero/hero.component.html
@@ -1,2 +1,4 @@
-<img class="mobile" src="assets/CPTARN_logo-figure_White.svg"/>
+<div class="mobile">
+  <img src="assets/CPTARN_logo-figure_White.svg"/>
+</div>
 <p class="hero-text">NO LIMITS, JUST <span class="subSlogan">{{subSlogan}}</span></p>
diff --git a/src/app/hero/hero.component.scss b/src/app/hero/hero.component.scss
index e812466..bb8765f 100644
--- a/src/app/hero/hero.component.scss
+++ b/src/app/hero/hero.component.scss
@@ -34,9 +34,17 @@
     font-weight: 600;
   }
 
+  div {
+    display: flex;
+    width: 100%;
+    border-bottom: 2px solid #fff;
+    padding: 1rem 0;
+    justify-content: center;
+  }
+
   img {
-    max-width: 100%;
-    border-bottom: 1px solid #fff;
+    max-width: 50%;
+    margin: 0 auto;
     padding: 1rem 0;
   }
 }
diff --git a/src/app/services/services.component.html b/src/app/services/services.component.html
index 1f54506..b557de6 100644
--- a/src/app/services/services.component.html
+++ b/src/app/services/services.component.html
@@ -4,7 +4,7 @@
     <p>Welcome to my creative workspace! I’m a solution-driven freelancer with a passion for blending innovative thinking with technical know-how to bring unique ideas to life. Whether you’re looking to build a prototype, develop custom code, or create a tailored automation system, I’m here to help turn your vision into a reality. My approach combines hands-on experience with a fresh perspective, ensuring that every project isn’t just functional, but forwardthinking and impactful.</p>
     <a href="mailto:contact@cptarn.com" class="web">Contact</a>
   </div>
-  <img src="assets/Website_Arne.svg" />
+  <img class="arne" src="assets/Website_Arne.svg" />
   <a href="mailto:contact@cptarn.com" class="mobile">Contact</a>
 </div>
 <div class="right">
diff --git a/src/app/services/services.component.scss b/src/app/services/services.component.scss
index ca1649d..78d2437 100644
--- a/src/app/services/services.component.scss
+++ b/src/app/services/services.component.scss
@@ -79,6 +79,11 @@ a {
       max-width: 100%;
     }
 
+    .arne {
+      max-width: 70%;
+      margin: 0 auto;
+    }
+
     img {
       margin-top: 2rem;
     }
@@ -89,7 +94,7 @@ a {
   }
   :host {
     > div {
-      margin-top: 3rem;
+      margin-top: 0;
     }
   }