From bcd6753b81b4f03e9613a42836f5f8afad61887a Mon Sep 17 00:00:00 2001
From: Ariel Costas <94913521+arielcostas@users.noreply.github.com>
Date: Sun, 3 Dec 2023 18:54:59 +0100
Subject: Mix mobile styles

---
 assets/css/partials/header.scss | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'assets/css/partials/header.scss')

diff --git a/assets/css/partials/header.scss b/assets/css/partials/header.scss
index 65f71b4..16fb314 100644
--- a/assets/css/partials/header.scss
+++ b/assets/css/partials/header.scss
@@ -3,7 +3,7 @@ header {
 	color: black;
 
 	display: flex;
-	flex-direction: horizontal;
+	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
 
@@ -39,4 +39,20 @@ header {
 			color: var(--accent-dark);
 		}
 	}
+}
+
+@media (max-width: 768px) {
+	header {
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+
+		h1 {
+			margin-bottom: 0.5rem;
+		}
+
+		p {
+			margin-bottom: 0;
+		}
+	}
 }
\ No newline at end of file
-- 
cgit v1.3