archive projets for mobile

2026-09-29 16:28:14 +02:00
parent d94de125f4
commit 600aee78f5
4 changed files with 27 additions and 10 deletions
@@ -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{