diff --git a/styles/components/_markup.scss b/styles/components/_markup.scss
index d54786c..1a4cfcd 100644
--- a/styles/components/_markup.scss
+++ b/styles/components/_markup.scss
@@ -208,21 +208,27 @@ ul.link-grid {
 
 .post-list {
 	@extend %content-gutter;
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: layout.$normal-gap;
 	margin-top: layout.$huge-gap;
 	margin-bottom: layout.$huge-gap;
+
+	@media screen and (min-width: layout.$breakpoint) {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: layout.$normal-gap;
+	}
 }
 
 :any-link.post-card {
 	display: inline-block;
-	padding-left: layout.$normal-gap;
-	padding-right: layout.$normal-gap;
 	text-decoration: none;
 	transition: background-color motion.$subtle, color motion.$subtle,
 		box-shadow motion.$subtle;
 
+	@media screen and (min-width: layout.$breakpoint) {
+		padding-left: layout.$normal-gap;
+		padding-right: layout.$normal-gap;
+	}
+
 	&:hover {
 		@include colors.card-shadow;
 		background-color: colors.$yellow-300;
@@ -233,6 +239,12 @@ ul.link-grid {
 		}
 	}
 
+	> h2,
+	> p {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
 	> h2 {
 		@extend %subheading;