move the position of cover photo

gdg-twhk · Oct 31, 2024 · f2f6d41 · f2f6d41
1 parent ca6aa50
commit f2f6d41
Showing 1 changed file with 11 additions and 3 deletions.
diff --git 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;
-}
+}