Merge pull request #1644 from ak-sh-at/calc

Loan calculator modified

Author: TusharKesarwani

Projects/Loan-calculator/loancalculator.css

@@ -1,17 +1,24 @@
 body{
-    background-color: rgb(238, 164, 164)
+    background-color: rgb(238, 164, 164);
+    height:90vh;
+    width:100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
 }
 
 #loancal {
-    width: 375px;
-    height: 295px;
+    width: 400px;
+    height: 375px;
     background-color:#000;
     color: #fff;
-    margin-left: 500px;
     margin-top: 135px;
-    padding-left: 90px;
-    padding-top: 20px;
     border-radius: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    align-items: center;
 }
 
 .button {
@@ -41,8 +48,12 @@ h1 {
     font-size:40px;
 }
 
-footer
+@media(max-width:383px)
 {
-    margin-top: 200px;
-    margin-left: 630px;
+    body{
+        width:fit-content;
+    }
+    #loancal{
+        margin-right: 8px;
+    }
 }

Projects/Loan-calculator/loancalculator.js

@@ -8,5 +8,5 @@ function computeLoan(){
     //regedit to add a comma after every three digits
     payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); //\B looks for a word boundary, ? says what to look for, \d looks for 3 digits in a row
     document.querySelector('#payment').innerHTML = `Monthly Payment = ${payment}` 
-    document.getElementById("payment").style.color = "black";
+    document.getElementById("payment").style.color = "white";
 }