From 70a3b808a76de9dfd7d2cf31abfee7291a522f87 Mon Sep 17 00:00:00 2001
From: Mahdi Dibaiee <mdibaiee@pm.me>
Date: Sat, 19 Sep 2026 15:04:08 +0330
Subject: [PATCH] Show photo columns on smaller screens and refresh cached
 styles

---
 _includes/head.html | 3 +--
 _sass/_layout.scss  | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 9ed520f..bafd179 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -7,7 +7,7 @@
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
   <link href="https://fonts.googleapis.com/css?family=Secular+One|Nunito|Mononoki&display=swap" rel="stylesheet"> 
-  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}?v={{ site.time | date: '%s' }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
 
@@ -53,4 +53,3 @@
   </script>
   <script>!function(e,n){for(var o=0;o<e.length;o++){var r=n.createElement("script"),c=".js",d=n.head||n.body;"noModule"in r?(r.type="module",c=".mjs"):r.async=!0,r.defer=!0,r.src=remark_config.host+"/web/"+e[o]+c,d.appendChild(r)}}(remark_config.components||["embed"],document);</script>
 </head>
-
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 50f71f2..abe873f 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -243,7 +243,7 @@ hr {
     aspect-ratio: auto 3 / 2;
   }
 
-  @include media-query($on-palm) {
+  @include media-query(420px) {
     grid-template-columns: 1fr;
   }
 }