details

assets/css/components/_card-article.scss

@@ -119,6 +119,10 @@
 }
 
 
+
+ @media #{$small-up} {
+    
+  
 [data-template="home"] .pinned-home{
     grid-column: span 2;
 
@@ -174,41 +178,5 @@
 
 
 }
-    //  .card--article:first-of-type{
-    //             grid-column: span 2;
 
-    //             display: grid;
+  }
-    //             grid-template-columns: 1fr 1fr;
-
-    //             figure, 
-    //             picture{
-    //                 grid-column: span 2;
-    //             }
-
-    //             .title{
-    //                 grid-column: span 2;
-    //                 font-size: var(--fs-medium);
-    //                 padding-right: 3ch;
-    //                 margin-bottom: calc(var(--spacing)*1);
-    //             }
-
-    //             .description{
-    //                 grid-column: 1;
-    //                 grid-row: 3;
-    //                 padding-right: 3ch;
-    //                 display: block;
-    //                 -webkit-line-clamp: unset;
-    //                 -webkit-box-orient: unset;
-    //                 overflow: visible;
-    //             }
-
-    //             dl{
-    //                 grid-column: 2;
-    //                 grid-row: 3;
-    //             }
-
-    //             .keywords-wrapper{
-    //                 grid-column: 2;
-    //                 grid-row: 4;
-    //             }
-    //         }

assets/css/components/_dropdown.scss

@@ -73,7 +73,7 @@
         }
     }
 
-    // PANEL 
+    // PANEL
         &--position-mobile .dropdown__content {
                 top: auto;
                 bottom: calc(var(--h-block) + var(--padding-inner)*2);

assets/css/style.css

@@ -1622,30 +1622,31 @@ button.sort[data-sort-type=up] .arrow {
   font-size: var(--fs-xsmall);
 }
 
-[data-template=home] .pinned-home {
+@media screen and (min-width: 768px) {
+  [data-template=home] .pinned-home {
     grid-column: span 2;
     display: grid;
     grid-template-columns: 1fr 1fr;
     padding: calc(var(--padding-inner) * 2);
-}
+  }
-[data-template=home] .pinned-home figure,
+  [data-template=home] .pinned-home figure,
-[data-template=home] .pinned-home picture,
+  [data-template=home] .pinned-home picture,
-[data-template=home] .pinned-home .video-extract {
+  [data-template=home] .pinned-home .video-extract {
     grid-column: span 2;
     display: flex;
     width: calc(100% + var(--padding-inner) * 4);
     position: relative;
     left: calc(var(--padding-inner) * -2);
     top: calc(var(--padding-inner) * -2);
-}
+  }
-[data-template=home] .pinned-home .title {
+  [data-template=home] .pinned-home .title {
     grid-column: span 2;
     font-size: var(--fs-text);
     padding-right: 3ch;
     margin-bottom: calc(var(--spacing) * 1);
     margin-top: calc(var(--spacing) * 0.5);
-}
+  }
-[data-template=home] .pinned-home .description {
+  [data-template=home] .pinned-home .description {
     grid-column: 1;
     grid-row: 3;
     padding-right: 3ch;
@@ -1655,17 +1656,17 @@ button.sort[data-sort-type=up] .arrow {
     overflow: visible;
     font-size: var(--fs-normal);
     margin-top: 0px;
-}
+  }
-[data-template=home] .pinned-home dl {
+  [data-template=home] .pinned-home dl {
     margin-top: 0px;
     grid-column: 2;
     grid-row: 3;
-}
+  }
-[data-template=home] .pinned-home .keywords-wrapper {
+  [data-template=home] .pinned-home .keywords-wrapper {
     grid-column: span 2;
     grid-row: 4;
+  }
 }
-
 .card--package,
 .card--article-small {
   display: grid;

assets/css/template/_home.scss

@@ -126,6 +126,8 @@
 
    
 
+   
+
 }