assets/sass/article.scss

@@ -135,5 +135,14 @@
             width: 100%;
         }
     }
-
+}
+
+@media (max-width: $md-breakpoint) {
+    .article__featured-image {
+        margin: 0;
+        margin-top: 1rem;
+        img {
+            aspect-ratio: initial;
+        }
+    }
 }

assets/sass/news.scss

@@ -7,9 +7,10 @@
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     padding: 1rem 0rem;
     margin-bottom: 1rem;
+    min-height: 10rem;
 
     display: grid;
-    grid-template-columns: 33% 1fr;
+    grid-template-columns: 1fr 1fr;
     grid-column-gap: 2rem;
 }
 

config.toml

@@ -3,7 +3,7 @@ languageCode = 'fr'
 defaultContentLanguage = 'fr'
 title = "L'Étoile de Bethléem"
 
-summaryLength = 50
+summaryLength = 22
 assetDir = "assets"
 
 minifyOutput = false

layouts/actualites/list.html

@@ -17,7 +17,7 @@
                     {{ if .Params.featured_image }}
                         {{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
                     {{ end }}
-                    {{ $featuredImage := $featuredImage.Fill "400x300 Center" }}
+                    {{ $featuredImage := $featuredImage.Fill "465x348 Center" }}
                     <figure>
                         <img alt="" src="{{ $featuredImage.RelPermalink }}" />
                         {{ with .Params.featured_image.caption }}
@@ -42,7 +42,7 @@
                         </time>
                     </p>
                     <div class="news-item__summary">
-                        {{ .Summary }}...
+                        {{ .Summary }}…
                     </div>
                 </div>
 		    </li>