hilfe

css/layout.css

@@ -40,46 +40,41 @@ body{
 .flexbox{
     display: flex;
     flex-direction: row;
+    justify-content: space-between;
 }
 #rechnungen{
     padding: 0px;
     position: relative;
     top: 1px;
+    justify-content: space-between;
+    width: 100%; 
 }
 #rechnung1, #rechnung2 {
-    width: 20%;
+    width: 10%;
     padding: 20px;
     text-align: center;
     z-index: 10;
     position: relative;
-    display: inline-block;
 }
 #rechnung1{
     background-color: rgb(0, 225, 255);
     border-radius: 15px;
     outline: 8px solid black;
-    margin-left: auto;
-    margin-right: 100px;
+    left: 20px;
 }
 
 #rechnung2{
     background-color: red;
     border-radius: 15px;
     outline: 8px solid black;
-    margin-left: 100px;
-    margin-right: auto;
-}
-#rechnung1 img, #rechnung2 img {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: -1;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
+    right: 20px;
 }
 #fuchsZahl{
     padding-left: 100px;
     font-size: 30px;
+    width: 10%;
 }
+#hitbox1, #hitbox2{
+    width: 50px;
+    height: 10px;
+}