Let the photo gallery fill ninety percent of the viewport

_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 }}

_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;
   }
 }

art.html

@@ -1,5 +1,6 @@
 ---
 layout: default
+wide_gallery: true
 ---
 
 <div class="home art">