From 5f64553d17bf25ce1584674fd12f274033ec3752 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 30 Oct 2023 19:54:20 +0800
Subject: [PATCH] Single column media posts for very small viewport

---
 src/app.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index c1be7277..02137727 100644
--- a/src/app.css
+++ b/src/app.css
@@ -213,7 +213,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   &.timeline-media {
     --grid-gap: 8px;
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr;
     grid-auto-rows: fit-content;
     gap: var(--grid-gap);
     padding: var(--grid-gap);
@@ -222,6 +222,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
       background-color: var(--bg-faded-color);
     }
 
+    @media (min-width: 320px) {
+      grid-template-columns: 1fr 1fr;
+    }
+
     @media (min-width: 40em) {
       &:not(#columns &) {
         --grid-gap: 16px;