ajax

user/themes/figureslibres/scss/theme/_start.scss

@@ -1,3 +1,6 @@
+*{
+  box-sizing: border-box;
+}
 html, body, header{
   background: #f9f9f9fe;
 }
@@ -10,15 +13,15 @@ body{
         p {
           a{
             position: relative;
-              &::after{
-                display: block;
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                transform: translate(-25%,-65%);
-                z-index: 999;
-              }
+            //   &::after{
+            //     display: block;
+            //     content: '';
+            //     position: absolute;
+            //     top: 0;
+            //     left: 0;
+            //     transform: translate(-25%,-65%);
+            //     z-index: 999;
+            //   }
             // &:hover{
             //   &::after{
             //     content: url('/user/themes/figureslibres/images/ovale.svg');
@@ -34,15 +37,15 @@ body{
           }
         }
         .card{
-          width: calc(100% / 4);
+          width: calc((100% / 3) - ( #{$marg} * 2) );
           height: auto;
-          overflow: hidden;
+          // overflow: hidden;
           display: inline-block;
           vertical-align: top;
           line-height: 0;
           margin-right: $marg;
           position: relative;
-          margin-top: $marg;
+          margin-top: $marg;        
           .card-header{
             display: none;
             & > *{
@@ -62,8 +65,12 @@ body{
               transform: translateY(-100%);
             }
           }
-          &:last-child{
-            vertical-align: baseline;
+          &:last-of-type{
+            vertical-align: baseline!important;
+          }
+          #item{
+            width: calc( 307% - #{$marg} );
+            // margin-left: -50vw;
           }
         }
       }