diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass
index 36aa5a7c1afcf51bffcfae42fb2b39cfdcaa828c..4470ecae3c19923e0f2ba8cf1c8cbf38c2b22c81 100644
--- a/assets/sass/_theme/sections/posts.sass
+++ b/assets/sass/_theme/sections/posts.sass
@@ -27,21 +27,34 @@
                 margin-bottom: $spacing3
                 padding-bottom: $spacing3
                 .post
-                    @include grid(12, md)
+                    display: flex
                     flex-direction: row
+                    @include media-breakpoint-down(md)
+                        @include grid(12, md)
                     div:not(.media)
                         grid-column: 4/13
-                        p,
-                        a
-                            max-width: col(8)
-                    time 
-                        font-size: $h5-size
-                        position: absolute
-                        right: 0
-                        top: 0
+                        @include media-breakpoint-down(md)
+                            flex: 1
+                            margin-left: $spacing0
+                        p:not(.title)
+                            @include media-breakpoint-down(md)
+                                display: none
                     .media
-                        grid-column: 1/4
+                        background: none
                         margin: 0
+                        width: 33%
+                        @include media-breakpoint-up(md)
+                            grid-column: 1/4
+                    @include media-breakpoint-up(md)
+                        time 
+                            font-size: $h5-size
+                            position: absolute
+                            right: 0
+                            top: 0
+                        div:not(.media)
+                            p,
+                            a
+                                max-width: col(8)
                         
     @else 
         .posts