Merge pull request #1727 from mnamesujit/fix/container-position

fix: container position over body

Author: TusharKesarwani

Projects/bill tip calculator/style.css

@@ -1,4 +1,5 @@
 body {
+    max-width: 100vw;
     background: rgb(242, 242, 255);
     color: #081625;
     display: inline;
@@ -15,7 +16,10 @@ body {
   }
 
   .container {
-    margin: 25px;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 12%;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -53,4 +57,13 @@ body {
   #single, #multiple {
     margin: 30px 0;
     font-size: 1.3em;
+  }
+
+  @media screen and (max-width: 468px) {
+    .container{
+      left: 50%;
+      transform: translate(-50%, -50%);
+      min-width: 95%;
+    }
+    
   }