try and save

IIM-Coding-Digital-Innovation · Jun 23, 2023 · bf0f8ee · bf0f8ee
1 parent a52265d
commit bf0f8ee
Show file tree

Hide file tree

Showing 4 changed files with 65 additions and 6 deletions.
diff --git a/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/index.html b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/index.html
@@ -167,8 +167,12 @@ <h2>
             </p>
           </div>
         </div>
-        <div class="Produit">
-          <div class="ProductName">
+        <div class="Produit" id="bestSale">
+          <span class="spanBorder">
+            La plus vendue !
+          </span>
+          <div class="ProductName" >
+
             <h2 class="name">
               Salade 2-2
             </h2>

diff --git a/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/input.scss b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/input.scss
@@ -434,6 +434,22 @@ $blue: #66CCFF;
     }
   }
 }
+.spanBorder{
+  position: absolute;
+  width: fit-content;
+  background-color: #b2d234;
+  padding: 5px;
+  margin-bottom: 10px;
+  right: -1px;
+  top: -2.1vw;
+
+
+}
+#bestSale{
+  border: solid #b2d234 1px;
+
+}
+
 
 @media screen and (max-width: 900px) {
   .AccrocheSection {
@@ -525,11 +541,24 @@ $blue: #66CCFF;
       font-size: 18px;
     }
   }
-
+  .ProductDiv{
+    margin-right: 8vw;
+  }
   .Produit {
-    width: 40vw;
+    width: fit-content;
     margin-left: 12vw;
     margin-top: 8vh;
+    position: relative;
+    h2{
+      padding-top: 10px;
+      padding-left: 10px;
+
+    }
+    p{
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+
 
     .ProductName {
       display: flex;

diff --git a/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/output.css b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/output.css
diff --git a/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/output.css.map b/Rattrapages-jarrel-folly-adjon/03-Intégration d’une maquette web/output.css.map