From f2f6d41921704e3cdc3fee7938c6ec90f64820b0 Mon Sep 17 00:00:00 2001
From: ksw2000 <13825170+ksw2000@users.noreply.github.com>
Date: Thu, 31 Oct 2024 23:19:34 +0800
Subject: [PATCH] move the position of cover photo

---
 src/app/home/home.component.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index 19d08cb..d9c351c 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -1,4 +1,5 @@
-.cover, .cover-front {
+.cover,
+.cover-front {
   width: 100%;
   height: calc(100dvh - var(--mat-toolbar-standard-height));
   background-size: cover;
@@ -7,8 +8,14 @@
   margin-top: -10px;
 }
 
+.cover {
+  background-position-x: calc(50% - 300px);
+}
+
 @media (max-width: 599px) {
-  .cover, .cover-front {
+
+  .cover,
+  .cover-front {
     height: calc(100dvh - var(--mat-toolbar-mobile-height));
   }
 }
@@ -51,6 +58,7 @@
     flex-wrap: wrap;
     justify-content: center;
   }
+
   .two-columns-texts p {
     font-size: 1.3rem;
   }
@@ -81,4 +89,4 @@
   display: block;
   max-width: 600px;
   margin: 0 auto;
-}
+}
\ No newline at end of file