From bc6a43b5786c13407dba70fd631934d57e60ca07 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Tue, 7 Nov 2023 02:01:33 +0100
Subject: [PATCH] Fix footer mobile styles

---
 assets/css/partials/footer.css | 8 ++++++++
 layouts/partials/footer.html   | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/css/partials/footer.css b/assets/css/partials/footer.css
index d05c4d3..7845648 100644
--- a/assets/css/partials/footer.css
+++ b/assets/css/partials/footer.css
@@ -32,3 +32,11 @@ footer #links {
 footer #copyright {
   font-size: 0.875rem;
 }
+
+@media only screen and (max-width: 768px) {
+  footer {
+    padding: 3rem 5rem;
+
+    row-gap: 3rem;
+  }
+}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 601a3f0..9c6e127 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -8,7 +8,7 @@
 <footer>
   <div id="footer-face">
     <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi" />
-    <h3>Hazem Krimi</h3>
+    <h4>Hazem Krimi</h4>
   </div>
   <div id="links">
     <a href="https://www.linkedin.com/in/hazemkrimi" target="_blank">