From 915bfe1c7ce118ff36e55b569c0fe0f1bb2bbaf9 Mon Sep 17 00:00:00 2001
From: falghamdi125 <falghamdi125@gmail.com>
Date: Sat, 23 Nov 2024 17:55:11 -0500
Subject: [PATCH] fix: Adjust the welcome message paddings for mobile view

Signed-off-by: Faisal Alghamdi <falghamdi125@gmail.com>
---
 src/components/Welcome.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index 77a443788..0a47ea607 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -76,6 +76,14 @@ export default {
 	padding: 4em 8em;
 }
 
+@media (max-width: 60em) {
+	.welcome-content {
+		margin: auto;
+		max-width: 40em;
+		padding: 2em 2em 1em 1em;
+	}
+}
+
 .welcome-content h2 {
 	margin-bottom: 1em;
 }