adjust news article list for mobile

web/src/components/news/newsItem.module.scss

@@ -35,3 +35,31 @@
 .lead {
   font-size: var(--font-size-caption);
 }
+
+@media (max-width: 600px) {
+  .newsItem {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    column-gap: 1rem;
+  }
+  .image {
+    width: 10rem;
+    height: 10rem;
+  }
+  .text {
+    padding-top: 0;
+    max-height: 10rem;
+    overflow: hidden;
+    position: relative;
+    &:after {
+      content: "";
+      background-image: linear-gradient(to top, var(--color-background), transparent);
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: 4rem;
+      pointer-events: none;
+    }
+  }
+}

web/src/components/news/newsList.module.scss

@@ -53,3 +53,41 @@
     }
   }
 }
+
+@media (max-width: 900px) {
+  .newsList, .newsList.featured {
+    li {
+      grid-column: span 6;
+      &:nth-child(1),
+      &:nth-child(2),
+      &:nth-child(3),
+      &:nth-child(4),
+      &:nth-child(5){
+        grid-column: span 6;
+
+        h2 {
+          font-size: 1.4rem;
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 600px) {
+  .newsList, .newsList.featured {
+    li {
+      grid-column: span 12;
+      &:nth-child(1),
+      &:nth-child(2),
+      &:nth-child(3),
+      &:nth-child(4),
+      &:nth-child(5){
+        grid-column: span 12;
+
+        h2 {
+          font-size: 1.2rem;
+        }
+      }
+    }
+  }
+}