diff --git a/assets/css/base/_typography.scss b/assets/css/base/_typography.scss
index a5e7c8f..5eaa989 100644
--- a/assets/css/base/_typography.scss
+++ b/assets/css/base/_typography.scss
@@ -301,7 +301,7 @@ samp,
 var,
 pre {
   font-family: $code-font;
-  font-size: 1em;
+  font-size: 0.9em;
   word-wrap: normal;
 }
 
diff --git a/assets/css/layout/_grid.scss b/assets/css/layout/_grid.scss
index 0b23e51..1d5c1b4 100644
--- a/assets/css/layout/_grid.scss
+++ b/assets/css/layout/_grid.scss
@@ -11,7 +11,10 @@
 
   & > article {
     grid-area: page-container;
-    margin-block-start: 2em;
+
+    @include mq("large") {
+      margin-block-start: 2em;
+    }
   }
 
   @include mq("large") {
diff --git a/assets/css/pages/_collection.scss b/assets/css/pages/_collection.scss
index 1d96cbd..74c5293 100644
--- a/assets/css/pages/_collection.scss
+++ b/assets/css/pages/_collection.scss
@@ -78,7 +78,15 @@
     }
 
     & > * {
-      inline-size: 20%;
+      inline-size: 100%;
+
+      @include mq("small") {
+        inline-size: 50%;
+      }
+
+      @include mq("large") {
+        inline-size: 20%;
+      }
     }
 
     & > a {
diff --git a/assets/css/pages/_single.scss b/assets/css/pages/_single.scss
index 2c6736f..cb17a2b 100644
--- a/assets/css/pages/_single.scss
+++ b/assets/css/pages/_single.scss
@@ -181,7 +181,7 @@
     grid-column-end: 3;
     grid-row-start: 2;
     grid-row-end: 3;
-    padding-inline: 1em;
+    padding: 1em;
 
     @include mq("large") {
       grid-row-start: 1;