archive projets for mobile

config/sync/core.entity_view_display.node.projet.full.yml

@@ -68,7 +68,7 @@ content:
       view_mode: calendrier
       link: false
     third_party_settings: {  }
-    weight: 10
+    weight: 9
     region: content
   field_fichiers:
     type: file_default
@@ -126,7 +126,7 @@ content:
       view_mode: lie
       link: false
     third_party_settings: {  }
-    weight: 9
+    weight: 10
     region: content
   field_type_de_projet:
     type: entity_reference_label

web/themes/custom/leshed/assets/scss/partials/abstracts/_fluid.scss

@@ -50,4 +50,4 @@ $layout-anchor: 1112px;
 // Tokens dérivés : tailles de référence passées en fluide. Le plancher est
 // un choix de design — 70px à l'ancrage et au-dessus (desktop inchangé),
 // 56px au plus bas (téléphone).
-$header-height-fluid: fluid-clamp($header_height, $min: 40px);
+$header-height-fluid: fluid-clamp($header_height, $min: 60px);

web/themes/custom/leshed/assets/scss/partials/pages/_views-archives-projets.scss

@@ -13,12 +13,7 @@ div.views-archives-projets{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  gap: 2em;
+
-  gap: $colsgap;
-  div.views-row{
-      flex: 1 0 calc(25% - $colsgap);
-      width: calc(25% - $colsgap);
-  }
 
   article.node-type-projet.view-mode-tableau_liste{
 
@@ -30,6 +25,28 @@ div.views-archives-projets{
     }
 
   }
+
+
+  // ONLY FOR DESKTOP
+  @media (min-width:769px){
+    // gap: 2em;
+    gap: $colsgap;
+    div.views-row{
+        flex: 1 0 calc(25% - $colsgap);
+        width: calc(25% - $colsgap);
+    }
+  }
+
+  // ONLY FOR MOBILE
+  @media (max-width:768px){
+    // gap: 2em;
+    gap: $colsgap;
+    div.views-row{
+        flex: 1 0 calc(50% - $colsgap);
+        width: calc(50% - $colsgap);
+    }
+  }
+
 }
 form#views-exposed-form-archives-page-1{
   div.bef-links{