maj

user/themes/gilles_acezat/scss/theme/item.scss

@@ -2,23 +2,29 @@ body{
   #page-wrapper.item{
     margin: 0 10px;
   .contact{
-    .txt{display: none}
+    .txt{
+      display: none
+    }
   }
     #start{
-      margin-top: 112px;
+      margin-top: 5rem;
     }
-    #body-wrapper.blog-listing{
+    #body-wrapper.blog-listing {
       .img-card{
-        width: calc((100% / 3) - 6.5px);
+        width: calc( (100vw / 3 - calc( 41px / 3 ) ) );
         margin-bottom: 10px;
       }
       .header-item{
         position: relative;
-        margin-bottom: 20px;
-        padding-top: 20px;
+        margin-bottom: 1.5rem;
+        padding-top: 1.5rem;
         .title{
+          display: -webkit-inline-box;
+          display: -ms-inline-flexbox;
           display: inline-flex;
-          align-items: baseline;
+          -webkit-box-align: baseline;
+              -ms-flex-align: baseline;
+                  align-items: baseline;
           h2{
             margin-right: 5px;
             text-transform: uppercase;
@@ -39,7 +45,8 @@ body{
           height: 100%;
           position: absolute;
           top: calc( 50% + 10px );
-          transform: translateY(-50%);
+          -webkit-transform: translateY(-50%);
+                  transform: translateY(-50%);
           right: 0px;
           .btn{
               display: block;
@@ -47,7 +54,8 @@ body{
               height: 100%;
           .btn-info{
             position: absolute;
-            transform: rotate(-15deg);
+            -webkit-transform: rotate(-15deg);
+                    transform: rotate(-15deg);
             margin-left: 40px;
             margin-top: 20px;
           }
@@ -68,7 +76,8 @@ body{
         margin-bottom:5px;
       }
       p{
-        transform: rotate(-10deg);
+        -webkit-transform: rotate(-10deg);
+                transform: rotate(-10deg);
       }
     }
   }
@@ -105,7 +114,8 @@ body{
           .prev-next{
             width: calc((100%) - 15px);
             position: relative;
-            transform: translateY(0%);
+            -webkit-transform: translateY(0%);
+                    transform: translateY(0%);
             .btn{
               .btn-info{
                   display: none;