From 4cf67f9ef002ff1b91a5c355e1f26a1df3074e2b Mon Sep 17 00:00:00 2001
From: Keyemail <67425124+Keyemail@users.noreply.github.com>
Date: Wed, 27 Dec 2023 01:39:34 -0800
Subject: [PATCH] mobile support

---
 src/views/HomePage.vue | 40 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 38dfc08..5ac2b83 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -70,12 +70,12 @@
   height: fit-content;
 }
 
-.header h1{
+.headContents h1{
   font-weight: 500;
   font-size: 50px
 }
 
-.header p {
+.headContents p {
   margin-top: 40px;
   font-weight: 400;
   font-size: 30px;
@@ -85,7 +85,6 @@
 .header img {
   width: 400px;
   height: 400px;
-  align-self: flex-end;
   justify-self: center;
 }
 
@@ -98,4 +97,39 @@
   font-weight: 500;
   font-size: 30px;
 }
+@media only screen and (max-width: 1376px){
+  .workinprogress{
+    font-size: 20px;
+  }
+}
+
+@media only screen and (max-width: 1360px) {
+  .header {
+    justify-content: center;
+    flex-direction: column;
+  }
+
+  .headContents{
+    text-align: center;
+  }
+
+  .header img{
+    margin-top: 60px;
+  }
+}
+
+@media only screen and (max-width: 990px){
+  .headContents p {
+    width: auto;
+  }
+  .workinprogress {
+    font-size: 15px;
+  }
+}
+
+@media only screen and (max-width: 720px) {
+  .workinprogress {
+    font-size: 10px;
+  }
+}
 </style>
\ No newline at end of file