abc deine muter gay

assets/seiten/css/waren.css

@@ -1,8 +1,7 @@
 .product-name {
     margin-top: 5%;
-    margin-right: 5%;
     height: 10%;
-    width: 45%;
+    width: 100%;
 }
 .product-name h1 {
     line-height: 95%;
@@ -11,19 +10,26 @@
 }
 .product-img {
     margin-top: 1%;
-    margin-right: 5%;
     height: 60%;
-    width: 45%;
+    width: 100%;
 }
 .product-img img {
     width: 100%;
     height: fit-content;
 }
-
+.product-desc {
-.product-img, .product-name{
+    float: right;
+    width: 100%;
+    margin-top: 5%;
+}
+.seite {
+    display: inline-flex;
+}
+.product-img, .product-name, .product-desc{
     overflow: hidden;
     background-color: rgba(0, 0, 0, 0.12);
     margin-right: 2.5%;
+    margin-left: 2.5%;
     text-align: center;
     border-radius: 1em;
     border: 0.05em solid #121212;
@@ -32,4 +38,4 @@
     font-size: small;
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
-}
+}

assets/seiten/waren/waren-vorlage.html

@@ -22,11 +22,13 @@
             </div>
         </div>
         <div class="seite">
-            <div class="product-name">
+            <div class="btn-left">
-                <h1 title="Produkt Name">Nvidia Geforce RTX3090 Founders Edition</h1>
+                <div class="product-name">
-            </div>
+                    <h1 title="Produkt Name">Nvidia Geforce RTX3090 Founders Edition</h1>
-            <div class="product-img">
+                </div>
-                <img title="Produkt Bild" src="../../bilder/RTX3090FE.png"/>
+                <div class="product-img">
+                    <img title="Produkt Bild" src="../../bilder/RTX3090FE.png"/>
+                </div>
             </div>
             <div class="product-desc">
                 <a title="Produkt Informationen">Hersteller: Nvidia<br>Release:</a>