modif responsive

src/app/header/components/header-logo/header-logo.component.html

@@ -10,4 +10,5 @@
             <p>LE BON PLAN POUR MANGER</p>
         </div>
     </div>
+  
 </nav>

src/app/header/components/header-logo/header-logo.component.scss

@@ -10,6 +10,7 @@
 
 }
 
+
 .trait{
 
   width: 100%;
@@ -27,3 +28,11 @@ p{
   padding : 0 10px 0 10px;
   color: grey;
 }
+
+@media only screen and (max-width:753px) {
+
+.trait{
+  display: none;
+}
+
+}

src/app/header/components/nav-bar/nav-bar.component.scss

@@ -1,13 +1,15 @@
 
 
 #image-header{
+ 
   display: flex;
   justify-content: center;
+  
 }
 
 img{
   width: 100%;
-  display: block;
+  height: auto;
   margin: 0 auto;
   padding: 0;
   
@@ -23,3 +25,14 @@ img{
 
 
 
+@media only screen and (max-width:1131px) {
+  .navbar-toggler{
+    margin: 3vh;
+  }
+  .container-fluid{
+  padding: 0;
+  }
+
+
+}
+

src/app/header/components/search-bar/search-bar.component.html

@@ -1,5 +1,5 @@
-<form class="d-flex align-items-center pe-2 pt-2">
+<form class="content d-flex align-items-center pe-3 pt-2">
-  <input class="form-control me-5 position-relative" type="search" #newItem placeholder="Trouver votre SIMPL'EAT..."
+  <input class="search form-control me-2 position-relative" type="search" #newItem placeholder="Trouver votre SIMPL'EAT..."
     aria-label="Search">
   <button  type="button" class="btn btn-outline-danger" (click)="onChangeInput(newItem.value)">Recherche</button>
 </form>

src/app/header/components/search-bar/search-bar.component.scss

@@ -1,4 +1,19 @@
 input[type="search"], textarea{
   background-color: #edf5f1;
+
+}
+@media only screen and (max-width:753px) {
+
+  .content{
+   margin-left: 3vh;
+   margin-top: 3vh;
+ 
+    
+  }
+  // .btn{
+  //   display: none;
+  // }
+
+
 }