Adjust position and size of app container in style.css

tadyPi · Sep 30, 2024 · 4d9d805 · 4d9d805
1 parent 151bc93
commit 4d9d805
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -986,12 +986,14 @@ h6 {
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        width: 72%;
+        width: 80%;
         height: 750px;
         background-color: #191b19;
         margin: 0 0.5rem 0 0.5rem;
         padding: 0;
         top: 6%;
+        left: 48%;
+        transform: translate(-50%, 0%);
     }
 
     .app-container::before {
@@ -1089,11 +1091,12 @@ h6 {
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        min-width: 320px;
+        max-width: 310px;
         background-color: #b7b7b7;
         margin: 0;
         padding: 0;
         top: 0;
+        left: 50%;
     }
 
     .app-container h1 {
@@ -1158,8 +1161,8 @@ h6 {
     .span-hello {
         color: #1a1a1a;
         font-size: 1rem;
-        top: 6.4rem;
-        left: -4.75rem;
+        top: 6.5rem;
+        left: -4.5rem;
         position: relative;
     }