trois_col_agenda

user/themes/lecampus/js/site.js

@@ -51,7 +51,7 @@ function filteritem() {
   var $grid = $('#archive .body-wrapper, #calendrier .body-wrapper').masonry({
     // columnWidth: 200,
     itemSelector: '.card',
-    gutter: 10,
+    gutter: 40,
     transitionDuration: '0.2s'
   });
 

user/themes/lecampus/scss/theme/_blog.scss

@@ -168,9 +168,9 @@
     width: 100%;
     position: relative;
     .card{
-      width: calc( (100% / 4) - 7.5px);
+      width: calc( (100% / 3) - 27px);
       min-width: 200px;
-      margin: 0 0 10px 0 ;
+      margin: 0 0 40px 0 ;
       .card-header{
         position: relative;
         width: 100%;

user/themes/lecampus/scss/theme/_mobile.scss

@@ -437,7 +437,7 @@
   }
 
   .start:not(#form) .body-wrapper .card{
-    width: calc((100% / 3) - 7.5px)!important;
+    width: calc((100% / 2) - 20px)!important;
   }
   .start#form .body-wrapper form{
     width: 90%!important;