Simple laundromat refresh

MaximilianAdF · Feb 14, 2024 · 7bd033d · 7bd033d
1 parent 3b474c0
commit 7bd033d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/Laundromat/Laundromat.css b/Laundromat/Laundromat.css
@@ -20,7 +20,7 @@ body {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    margin: 2% auto;
+    margin: 0% auto;
     width: 600px;
     height: 800px;
 }
@@ -216,11 +216,11 @@ body {
 
 .lose-message {
     gap: 10px;
-    margin-top: -40px;
-    margin-left: 340px;
+    margin-top: -36px;
+    margin-left: 475px;
     display: none;
     color: white;
-    padding: 0px 18px;
+    padding: 0px 17px;
     border-radius: 5px;
     align-items: center;
     justify-content: center;
@@ -229,8 +229,8 @@ body {
 
 .win-message {
     gap: 10px;
-    margin-top: -40px;
-    margin-left: 340px;
+    margin-top: -36px;
+    margin-left: 475px;
     display: none;
     color: white;
     padding: 0px 10px;

diff --git a/Laundromat/Laundromat.html b/Laundromat/Laundromat.html
@@ -22,11 +22,11 @@ <h2>Laundromat</h2>
                 </div>
                 <div class="lose-message">
                     <i class="fa-solid fa-circle-xmark"></i>
-                    <p>The lockpick bent out of shape.</p>
+                    <p>Failed!</p>
                 </div>
                 <div class="win-message">
                     <i class="fa-solid fa-circle-check"></i>
-                    <p>The lock was picked successfully.</p>
+                    <p>Success!</p>
                 </div>
                 <div class="hack-box"> 
                     <div class="position-container">