fixed css

_sass/minimal-mistakes/_archive.scss

@@ -2,6 +2,26 @@
    ARCHIVE
    ========================================================================== */
 
+h2 {
+  margin-top: 1.5em ;
+}
+
+.table-right {
+  // font-size: 28px !important; 
+  font: 21px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;
+  padding-left: 1.5em;
+  align-content: "center";
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+
+  @include breakpoint($small) {
+    float: right;
+    margin-right: 1em;
+    margin-bottom: 1em;
+  }
+}
+
 .archive {
   margin-top: 1em;
   margin-bottom: 2em;
@@ -39,7 +59,7 @@
   border-bottom: 1px solid $border-color;
 
   + .list__item .archive__item-title {
-    margin-top: 0.5em;
+    margin-top: 0.0em;
   }
 }
 
@@ -49,6 +69,7 @@
   line-height: initial;
   overflow: hidden;
   text-overflow: ellipsis;
+  max-lines: 3;
 
   a[rel="permalink"]::before {
     content: '';
@@ -64,13 +85,14 @@
 /* remove border*/
 .page__content {
   .archive__item-title {
-    margin-top: 1em;
+    margin-top: 0.5em;
     border-bottom: none;
   }
 }
 
 .archive__item-excerpt {
   margin-top: 0;
+display: block;
   font-size: $type-size-6;
 
   & + p {
@@ -84,11 +106,31 @@
 
 .archive__item-teaser {
   position: relative;
+margin: auto;
   border-radius: $border-radius;
   overflow: hidden;
-
+align-content: center;
+  display: flex;
   img {
-    width: 100%;
+    width: auto;
+    margin: auto;
+    max-height: 90px;
+  }
+}
+
+.archive__item-teaser-list {
+  position: relative;
+  margin: auto;
+  padding-right: 1em;
+  padding-bottom: 3em;
+  border-radius: $border-radius;
+  align-content: center;
+  //display: inline;
+  float: left;
+  img {
+    // width: auto;
+    margin: auto;
+    max-height: 48px;
   }
 }
 
@@ -148,6 +190,7 @@
 
 .grid__item {
   margin-bottom: 2em;
+max-width: 180px;
 
   @include breakpoint($small) {
     float: inline-start;
@@ -222,6 +265,7 @@
   .archive__item-teaser {
     @include breakpoint($small) {
       max-height: 200px;
+      display: flex;
     }
 
     @include breakpoint($medium) {
@@ -340,6 +384,11 @@
         width: span(5 of 12);
       }
 
+      .archive__item-teaser-list {
+        float: right;
+        width: span(5 of 12);
+      }
+
       .archive__item-body {
         float: inline-start;
         width: span(7 of 12);
@@ -366,6 +415,10 @@
       margin-bottom: 2em;
     }
 
+    .archive__item-teaser-list {
+      margin-bottom: 2em;
+    }
+
     a.btn::before {
       content: '';
       position: absolute;
@@ -380,6 +433,11 @@
         width: span(5 of 12);
       }
 
+      .archive__item-teaser-list {
+        margin: 0 auto;
+        width: span(5 of 12);
+      }
+
       .archive__item-body {
         margin: 0 auto;
         width: span(7 of 12);
@@ -428,4 +486,4 @@
 	.feature__wrapper {
 		display: inline-block;
 	}
-}
+}