From b2d3c6823a6fcab4913fb15cf933274f58aec725 Mon Sep 17 00:00:00 2001
From: Mahdi Dibaiee <mdibaiee@pm.me>
Date: Sat, 19 Sep 2026 15:07:32 +0330
Subject: [PATCH] Let the photo gallery fill ninety percent of the viewport

---
 _layouts/default.html | 2 +-
 _sass/_layout.scss    | 9 ++++++++-
 art.html              | 1 +
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 7c2ace6..e25b117 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,7 +8,7 @@
     {% include header.html %}
 
     <div class="page-content">
-      <div class="wrapper">
+      <div class="wrapper{% if page.wide_gallery %} wrapper-gallery{% endif %}">
         <h1 class="page-heading"></h1>
         {% if page.toc %}
           {{ content | toc_generate }}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index abe873f..8f8ffde 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -219,6 +219,13 @@ hr {
   display: block;
 }
 
+.wrapper.wrapper-gallery {
+  width: 90%;
+  max-width: none;
+  padding-left: 0;
+  padding-right: 0;
+}
+
 .art .post-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -243,7 +250,7 @@ hr {
     aspect-ratio: auto 3 / 2;
   }
 
-  @include media-query(420px) {
+  @include media-query($on-palm) {
     grid-template-columns: 1fr;
   }
 }
diff --git a/art.html b/art.html
index 0c25fd0..f1fa5fd 100644
--- a/art.html
+++ b/art.html
@@ -1,5 +1,6 @@
 ---
 layout: default
+wide_gallery: true
 ---
 
 <div class="home art">