Use shorthand to spread grid column

src/style/pages/_photos.scss

@@ -89,7 +89,7 @@
 
         // Modules
         :global(.grid-modules) {
-            grid-column: span var(--columns);
+            grid-column: 1 / -1;
             margin-bottom: 0;
 
             @include bp (sd) {
@@ -101,7 +101,7 @@
     // Photo Grid
     &__grid {
         display: grid;
-        grid-column: span var(--columns);
+        grid-column: 1 / -1;
         // Template: 2 / 1-1
         grid-template-columns: repeat(2, 1fr);
         grid-gap: 16px;
@@ -453,7 +453,7 @@
 * Controls
 */
 .controls {
-    grid-column: span var(--columns);
+    grid-column: 1 / -1;
     display: grid;
     margin: 48px auto;
     align-items: center;
@@ -470,7 +470,7 @@
 
     // Updated Date
     &__date {
-        grid-column: span var(--columns);
+        grid-column: 1 / -1;
         grid-row: 2;
         font-size: rem(18px);
         color: rgba($color-gray, 0.6);
@@ -497,7 +497,7 @@
 
     // See More Photos
     :global(.button) {
-        grid-column: span var(--columns);
+        grid-column: 1 / -1;
         padding-left: 24px;
         padding-right: 24px;
         grid-row: 1;
@@ -513,7 +513,7 @@
 
     // Photo Count
     &__count {
-        grid-column: span var(--columns);
+        grid-column: 1 / -1;
         grid-row: 3;
         text-align: center;
         display: flex;