cgt navbar + bg

Assets/css.css

@@ -7,7 +7,10 @@
 /*BODY + GENERAL*/
 
 body {
-    background: linear-gradient(to left, #141414, #444444, #141414);
+    background-color: rgb(0, 0, 0);
+    background-image: linear-gradient(rgba(107, 6, 6, 0.5) 2px, transparent 2px), linear-gradient(90deg, rgba(80, 7, 7, 0.5) 2px, transparent 2px), linear-gradient(rgba(61, 61, 61, 0.28) 1px, transparent 1px), linear-gradient(90deg, rgba(63, 63, 63, 0.28) 1px, transparent 1px);
+    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
+    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
     margin: 0;
     font-family: 'Roboto', sans-serif;
 }
@@ -258,6 +261,8 @@ td#contact {
     margin-top: 10%;
 }
 
+#middle {}
+
 
 /*==========================================*/
 
@@ -447,6 +452,7 @@ h3:hover {
 #Client>div>img {
     float: left;
     width: 7%;
+    border-radius: 50%;
 }
 
 #Client>div {

Assets/resp.css

@@ -1 +1,47 @@
-@media screen and (max-width: 600px) {}
+@media screen and (max-width: 600px) {
+    .topnav a,
+    .topnav input[type=text] {
+        float: none;
+        display: block;
+        text-align: left;
+        width: 76.5%;
+        margin: 0;
+        padding: 2vw;
+        border: none;
+        transform: none;
+    }
+    .topnav a#panier,
+    a#nous {
+        border: none;
+    }
+    .topnav a#nous:hover,
+    a#contactN:hover {
+        padding: 2.4vw 2vw;
+    }
+    a#loupe {
+        width: 5%;
+        border-left: 0.1vw solid rgb(204, 25, 25)
+    }
+    .topnav input[type=text] {
+        border: 1px solid rgb(190, 73, 73);
+    }
+    /* FLEX CONTAINER*/
+    .flex-container>div {
+        width: 85%;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    .flex-container>div>a>img {
+        width: 20%;
+        margin-top: 3%;
+        margin-left: 10%;
+    }
+    .flex-container>div>a>h3,
+    .flex-container>div>a>h4 {
+        margin-left: 50%;
+    }
+    #content {
+        margin-left: 2vw;
+        margin-right: 2vw;
+    }
+}

index.html

@@ -88,7 +88,7 @@
                 </div>
                 <div>
                     <a href="Assets/Pages/Produits/terminator.html"><img src="Assets/Images/Produits/terminator.png" alt>
-                        <h3>Robot Terminator</h3>
+                        <h3>Terminator</h3>
                         <h4>50 000€</h4>
                     </a>
                 </div>