oui

css/header copy.css

@@ -1,112 +0,0 @@
-header{
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  grid-auto-rows: minmax(auto, 10);
-  width:100%;
-  text-align: center;
-  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
-  background-color: lightsalmon;
-}
-.Titre {
-  grid-column-start:2;
-  grid-row-start:1;
-  width:80%;
-  margin:auto;
-  margin-top:2%;
-  z-index:2;
-}
-.rotate{
-  position: absolute;
-  margin-left: auto;
-  margin-right: auto;
-  left: 0;
-  right: 0;
-  width:70%;
-  margin-top: -30%;
-  z-index:1;
-  animation: rotation 50s infinite linear;
-}
-@keyframes rotation {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-}
-.rotate2{
-  position: absolute;
-  margin-left: auto;
-  margin-right: auto;
-  left: 0;
-  right: 0;
-  width:40%;
-  margin : auto;
-  margin-top: -15%;
-  z-index:1;
-  animation: rotation2 10s infinite linear;
-}
-@keyframes rotation2 {
-  from {
-    transform: rotate(359deg);
-  }
-  to {
-    transform: rotate(0deg);
-  }
-}
-
-.intro{
-  grid-column-start: 2;
-  grid-row-start : 2;
-}
-/*.navbar{
-  background-color: whitesmoke;
-  padding-bottom: 10px;
-}
-.navbar li{
-  list-style-type: none;
-  display: inline-block;
-}*/
-
-nav{
-  grid-column-start: 1;
-  grid-column-end: 4;
-  z-index:6;
-}
-.navbar ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  background-color: #333;
-}
-.navbar li {
-  float: left;
-  margin-left: 2.7%;
-}
-.navbar li #tab{
-  display: block;
-  color: white;
-  text-align: center;
-  padding: 14px 16px;
-  text-decoration: none;
-}
-.navbar li a:hover {
-  background-color: #111;
-}
-.login, .panier{
-  margin-left: -15px;
-  background-color: pink;
-}
-.navbar li #login, #panier{
-  padding-top: 16px;
-}
-
-.active {
-  background-color: darkred;
-}
-.active_icon {
-  background-color: darkred;
-  margin-left: -15px;
-  
-}

css/style.css

@@ -37,7 +37,7 @@ header{
   z-index:2;
 
   display: grid;
-  grid-template-columns: auto, auto, auto;
+  grid-template-columns: 20vw, 60vw, 20vw;
   grid-template-rows: 5%, auto, 5%;
   grid-auto-rows: minmax(auto, auto);
 }
@@ -57,13 +57,14 @@ header{
   grid-row-end: 2;
   z-index:3;
   background-color: green;
+  margin: 4%;
 }
 main{
   grid-column-start: 2;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 2;
-  width: 85%;
+  width: 100%;
   background: rgba(255, 0, 0, 0.1);
   margin-left:1.5%;
   margin-right:1.5%;

header.php

@@ -6,7 +6,7 @@
     <nav class="navbar">
       <ul>
         <li><a id="tab" href="../index.html">Accueil</a></li>
-        <li><a class="active" id="tab" href="../Produits/cat_all.html">Tous les produits</a></li>
+        <li><a class="active" id="tab" href="../Produits/cat_all.html">Tous les memes</a></li>
         <li><a id="tab" href="../Produits/categories.html">Catégories</a></li>
         <li><a id="tab" href="../newsletter.html">News Letter</a></li>
         <li><a id="tab" href="../faq.html">F.A.Q</a></li>

index.php

@@ -23,7 +23,7 @@
                 <img src="../img/produits/caramel7up.jpg" alt="" height="150px" width="150px">
             </div>
             <div class=pubD>
-                <img src="../img/produits/caramel7up.jpg" alt="" height="90px" width="90px">
+                <img src="../img/produits/caramel7up.jpg" alt="" height="150px" width="150px">
             </div>
             <main>
                 <section class=Liste>