Design: size of .post-summary-item

gumgood · Oct 26, 2024 · 00cc8fb · 00cc8fb
1 parent 2f61a95
commit 00cc8fb
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/_sass/pages/_index.scss b/_sass/pages/_index.scss
@@ -28,14 +28,15 @@
     }
 
     .post-summary-item-thumbnail {
-        flex: 1;
+        flex: 3;
         overflow: hidden;
 
         @media screen and (max-width: $break-small) {
             flex: 0 0 12rem;
         }
 
         img {
+            margin-bottom: -6rem;
             height: 100%;
             width: 100%;
             object-fit: cover;
@@ -45,14 +46,14 @@
     }
 
     .post-summaries-item-body {
+        width: 100%;
         display: flex;
         flex-direction: column;
-        flex: 1;
-        min-width: 70%;
+        flex: 7;
         padding: 1.25rem 1.75rem;
 
         @media screen and (max-width: $break-small) {
-            padding: 1rem;
+            padding: 1.125rem 1.375rem;
         }
     }